Unobtrusive Date-Picker Script
10
Feb
This is an unobtrusive date-picker script with a variety of customization options.
It can be accesses with keyboard, does not require embedded JavaScript blocks & pop-up windows.
This free date-picker script supports:
- multiple date formats / date dividers
- skinning via CSS
- limiting the calendar with upper and lower dates
- disabling certain days
- “smart” localisation
- higlighting certain days
- single text inputs, split text inputs or select lists
Usage is very straightforward. After inserting the datepicker.js into the webpages, defining a class to the element which the date-picker will be activated is enough.
Script can be currently reached from the source of the demo provided.
Requirements: No Requirements
Compatibility: All Major Browsers
Website: http://www.frequency-decoder.com/2009/02/03/unobtrus...
Demo: http://www.frequency-decoder.com/demo/date-picker-v4/
Compatibility: All Major Browsers
Website: http://www.frequency-decoder.com/2009/02/03/unobtrus...
Demo: http://www.frequency-decoder.com/demo/date-picker-v4/
- Tags:
Javascript
- Filed under: CC License, Date & Time, Goodies
- 9 Comments























9 Responses for "Unobtrusive Date-Picker Script"
Thanks for sharing, this will be quite useful
This is fantastic, thank you so much… Very simple to customise, easily implemented and very functional.
Great job and thanks again.
Unfortuately none of the demos work in Chrome.
it’s very usefull, thx so much. you help me so much.
maybe you can help me another.
thanx
this is awesome
Is it possible to put Sunday and Saturday at the beginning and end of the week?
@Jake,
I’m not sure if that’s possible.
I would suggest that you post a comment to the resource’s website which I believe you can get a quicker answer from the script’s users or the author.
I notice that you can disable and enable dates. Is it possible to enable and disable dates relative to the current date? Like, can I prevent selecting a date that is within one week of the current date?
Ah, one has to click on the day header in order to place that day at the beginning of the week. So, if one prefers to see a calendar that is ordered Sun – Sat, click on Sun to place it at the beginning of the week.