prevent jquery ui datepicker from changing the value of a text field if out of range -


i have text field (in form) set display jquery ui datepicker on focus. using php (in update screen) populate value of text field (when page loads) date string based on previous end-user input particular record.

my problem set datepicker mindate , maxdate options, limits tamper original value displayed in text field. if text field string less minimum value, text field set value of mindate. need original value remain unchanged if falls out of calendar range (mindate or maxdate values) unless change done user calendar.

example: mindate: 01-04-2013 (dd-mm-yy) maxdate: 30-04-2013 (dd-mm-yy) original text field value: 16-03-2013 (dd-mm-yy) displayed text field value: 01-04-2013 (dd-mm-yy)

the idea mindate , maxdate options limit end-user input/modify data within defined period current date.

i using jquery ui datepicker 1.8.16 , jquery javascript library v1.6.2. browser: ie7+, ff

here 1 way pull off.

$(document).ready(function() {     var datelimits = {min:null, max:null};      datelimits.min = new date(date.parse("01-01-2014"));     datelimits.max = new date(date.parse("12-31-2014"));      $( "#datepicker" ).datepicker(     {         dateformat: "mm-dd-yy",         mindate: datelimits.min,         maxdate: datelimits.max     }); }); 

here fiddle: http://jsfiddle.net/defql/1/

inspiration from: how can set mindate/maxdate jqueryui datepicker using string?


Comments

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

Automatically create pages in phpfox -

c# - Farseer ContactListener is not working -