Is there a way to retrieve the updated datetime when text input changes?

Question

I have a datetimepicker and a button. The user selects a date time, then hit the button. The selected date time is shown in an alert.

https://jsfiddle.net/jeffxiao/rfzm8pyt/

$(function() {
  $('#datetimepicker1').datetimepicker();

  $('#buttonGo').click(function() {
      var moment = $("#datetimepicker1").datetimepicker("date");
      alert(moment.format('MMMM Do YYYY, h:mm:ss a'));
  })
});

The question is, if the user changes the text for the input, instead of choosing from datetimepicker, is there a way to retrieve the updated datetime (in the text)?

My test shows the default is to retrieve the selected in the picker, NOT the updated text in the text box.

Kyle · Answer 1 · 2018-08-18T01:42:12.507

I had a similar issue and I found that using viewDate instead of date solved the issue. So your sample code would be updated to

$(function() {
  $('#datetimepicker1').datetimepicker();

  $('#buttonGo').click(function() {
      var moment = $("#datetimepicker1").datetimepicker("viewDate");
      alert(moment.format('MMMM Do YYYY, h:mm:ss a'));
  })
});

Edit: On further investigation I found that the above seems to only work if you don't have useCurrent: false set. If useCurrent: false is set then viewDate appears to return the time when the datetimepicker was initialized.

score 0 · Accepted Answer · answered Jul 12 '18 at 20:34

Does that help ? Set an id to your input to retrieve data.

https://jsfiddle.net/djibe89/kx1rnbm9/

$(function() {
  $('#datetimepicker1').datetimepicker();

  $('#buttonGo').click(function() {
      var time = $("#input-datetimepicker").val();
      alert(time);
  })
});

Is there a way to retrieve the updated datetime when text input changes?

2 Answers2