Search jQuery

jQuery Forum

Datepicker range - how to keep start value

in Using jQuery Plugins • 3 months ago

Hi there,

i'm using datapicker range plugin and my input fields looks as follow:

<input type="text" id="from" value="immediately" />
<input type="text" id="to" value="open-ended" />

The script works very well, but when I input data in one of two fields, my start value goes lost in other field. Is it possible to prevent this automatic emptying.

Lots of regards,
Milo

Replies(4)

kbwood.au

Re: Datepicker range - how to keep start value

3 months ago

Can you show your code? Or provide the URL of a page that demonstrates the problem?

mtopic

Re: Datepicker range - how to keep start value

3 months ago

Of course, here's the demo: http://fahrschuledavide.ch/jquery/demos/datepicker/date-range.html

It can occure that second date-value doesn't exist, in this case it is more clear if there stay "open-end" or something like that as if the field stay empty.

I changed only form-code:
<label for="from">From</label>
<input type="text" id="from" name="from" value="start-value"/>
<label for="to">to</label>
<input type="text" id="to" name="to" value="this string value should stay after changing start-value" style="width: 400px;"/>

kbwood.au

Re: Datepicker range - how to keep start value

3 months ago

The datepicker tries to retain the current date value when options change, taking into account any new restrictions. However, when the value is not a date it is cleared. You could get around this by saving the current value and then restoring it after setting the options. Also you can simplify the date retrieval by using the 'getDate' command.

var dates = $('#from, #to').datepicker({
defaultDate: '+1w', changeMonth: true, numberOfMonths: 3,
onSelect: function(selectedDate) {
var value = dates.not(this).val(); // Save current value
var option = this.id == 'from' ? 'minDate' : 'maxDate'; // Determine option
dates.not( this ).datepicker('option', option, $(this).datepicker('getDate')). // Update option
val(value); // Restore text value
}
});