Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery alertnative to 'Timeframe' (date range picker)

I'm trying to find a date ranger picker for jQuery.

First I found the jQuery Tools solution which looked absolutely perfect, but unfortunately does not work in IE6 which is by far the most commonly used browser here.

Then I found a good range picker in jQuery, but it seems quite limited as to what it returns in Javascript (I want both the start date, end date, and a calculation of the days between).

My attention then turned to Timeframe, which once styled looked a perfect solution, allowing you to clearly see that it's a date picker, and also allowing you to click and drag between dates. The problem; it uses prototype, which I'm not allowed to use here (jQuery or plain JavaScript only!)

If anyone knows of any solutions that meet my needs I'd really appreciate it, thank you.

ps. I tried the default jQuery date range picker but found it to be very clunky, bloated and not to my needs unfortunately.

like image 780
Nick Avatar asked Jun 09 '11 12:06

Nick


People also ask

How can add date picker in jQuery?

JavaScript Code: $( function() { var from = $( "#fromDate" ) . datepicker({ dateFormat: "yy-mm-dd", changeMonth: true }) . on( "change", function() { to. datepicker( "option", "minDate", getDate( this ) ); }), to = $( "#toDate" ).

How do you handle only one date on the Daterangepicker?

Check off locale in the configuration generator to see how to customize these options. singleDatePicker : (true/false) Show only a single calendar to choose one date, instead of a range picker with two calendars. The start and end dates provided to your callback will be the same single date chosen.

How do I reduce the size of my date picker?

By default DatePicker has standard height and width (height: '30px' and width: '143px'). You can change this height and width by using height and width property respectively.


2 Answers

An old question but for arrivals from google... another alternative is http://reaktor.github.com/jquery-continuous-calendar/src/example.html http://reaktor.github.com/jquery-continuous-calendar/

it allows easy drag hilighting across many months (via a scroll) and is JQuery based. HTH

Note to OP, this plugin doesn't work in IE6.

like image 98
Adam Naylor Avatar answered Sep 22 '22 07:09

Adam Naylor


I'm not clear from your question, but have you looked at JQueryUI and the datepicker in there?

http://jqueryui.com/demos/datepicker/

like image 1
Codecraft Avatar answered Sep 23 '22 07:09

Codecraft