I have an INPUT tag with the value attribute set to "15-May-2012" and I have initialized a JQuery UI Datepicker with it as follows:
<input type="text" name="schedule" id="schedule"
value="15-May-2012">
<script type="text/javascript">
$(function() {
$( "#schedule" ).datepicker();
$( "#schedule" ).datepicker( "option", "dateFormat", "d-M-yy" );
});
</script>
For some reason, the value of the INPUT tag is being cleared once the Datepicker is initialized. Note that the value in the INPUT field matches the format set for the Datepicker.
Why is the value cleared?
Here is a live example of it: http://agnelkurian.com/lab/datepicker_example.html
When you bind the datepicker:
$('#schedule').datepicker();
it will use the default dateFormat
and that is "mm/dd/yy"
; your "15-May-2012"
doesn't match that format so the datepicker clears it when it fails to parse it using "mm/dd/yy"
. Then you change the format:
$("#schedule").datepicker("option", "dateFormat", "d-M-yy");
but the value
has already been lost.
You should set the format when you bind the datepicker:
$("#schedule").datepicker({
dateFormat: 'd-M-yy'
});
Demo: http://jsfiddle.net/ambiguous/mHyn7/
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