datetimepicker Clicking outside of datetimepicker reinitializes the date, unwanted behaviour

Clicking outside of datetimepicker reinitializes the date, unwanted behaviour

Open josephernest opened this issue 8 years ago • 8 comments

Try this (live demo here): Clicking outside of datetimepicker reinitializes the date to Sunday 31 December 1899. How to solve this?

<link rel="stylesheet" type="text/css" href="http://gget.it/ov1nuzeh/jquery.datetimepicker.css"/>
<input id="when" type="text"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://gget.it/dzxqdkh2/jquery.datetimepicker.full.min.js"></script>
<script>
$('#when').datetimepicker({dayOfWeekStart : 1, format:"l d F, H:i"});
</script>

Apr 22 '16 10:04 josephernest

HI, i had the same issues, as is wanted to get YYMMDD-HHMM output. I set

validateOnBlur: false

and now the text stays the same after clicking otuside the input box.

Hope this helps, at least it works for me.

then it works for me.

May 06 '16 08:05 ghost

I also had this issue and it was resolved by implementing @skainz solution.

My code was:

$(document).ready(function() {
$('#date_and_time').datetimepicker({
format:'d / m / y  @  g:i A', 
formatTime: 'g:i A',
theme: 'dark',
validateOnBlur: false
});
});

UPDATE:

Hmm, unfortunately, when clicking on the input again to trigger the calendar, I can see that the calendar has reset to a different month, date and year.

For example, if I initially select 01 / 06 / 16 @ 2:35 PM, then click outside of the input, then click inside the input again, the calendar pops up with this month and year selected:

31 / 12 / 99 @ 6:00 AM

Any ideas?

jquery-2.2.4.min.js

UPDATE 2:

Error doesn't occur when using jQuery DateTimePicker plugin v2.4.1, and validateOnBlur: false is not required.