Menu
The jquery UI datepicker functionality is great, but I'd like to replicate the google analytics style date picker where you can select a range of dates by dragging from start to end. I don't think the datepicker can do this, nor the excellent filamentgroup range picker.
Anyone done this before and have either some mods to jquery ui datepicker or some other reference for me to consider?
Thanks
505
inside the jQuery script code just paste the code. $( ". selector" ). datepicker({ dateFormat: 'yy-mm-dd' });
Do one of the following: For a text box control or a date picker control, ensure that the Data type list displays the appropriate data type, and then click Format. For an expression box control, ensure that the Format as list displays the appropriate data type, and then click Format.
If you like to restrict access of users to select a date within a range then there is minDate and maxDate options are available in jQuery UI. Using this you can set the date range of the Datepicker. After defining these options the other days will be disabled which are not in a defined range.
Syntax: $(". selector"). datepicker("hide");
I've been searching for a jQuery plugin that supports selecting a range of dates.
Amazingly, the only one I found is for Prototype:
http://stephencelis.github.com/timeframe
The author's words sums up my problem with other existing "solutions":
I’m just sick of multiple date pickers on the same page.
If anyone knows of a jQuery plugin, please post an answer!
175
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
