Get the value of bootstrap Datetimepicker in JavaScript

Question

I need to get the value of Datetimepicker in my JavaScript function  I have made something like this  but it doesn t work        date   click  function        alert document getElementById  datetimepicker1   value            It gives me  undefined

User · Answer

I m using the latest Bootstrap 3 DateTime Picker  http   eonasdan github io bootstrap-datetimepicker     This is how you should use DateTime Picker inline   var selectedDate       datetimepicker   find   active   data  day      The above returned  03 23 2017

User · Answer

Since the return value has changed     quot  datetimepicker1 quot   data  quot DateTimePicker quot   date   actually returns a moment object as Alexandre Bourlier stated   It seems the doc evolved  One should now use       quot  datetimepicker1 quot   data  quot DateTimePicker quot   date    NB   Doing so return a Moment object  not a Date object  Therefore  we must use  toDate   to change this statement to a date as such     quot  datetimepicker1 quot   data  quot DateTimePicker quot   date   toDate

User · Answer

This is working for me using this Bootsrap Datetimepiker  it returns the value as it is shown in the datepicker input  e g  2019-04-11      myDateTimePicker   on  click focusout   function         var myDate       myDateTimePicker   val          console log myDate         alert myDate

User · Answer

Or try     quot  datetimepicker quot   data   date

User · Answer

To call the Bootstrap-datetimepikcer supported functions  you should use the syntax       datetimepicker   data  DateTimePicker   FUNCTION     So you can try the function        datetimepicker   data  DateTimePicker   date      Documentation  http   eonasdan github io bootstrap-datetimepicker Functions

User · Answer

Either use       datetimepicker1   data  datetimepicker   getDate      Or  from looking at the page source        datetimepicker1   find  input   val      The returned value will be a Date  for the first example above   so you need to format it yourself   var date       datetimepicker1   data  datetimepicker   getDate        formatted   date getFullYear      -     date getMonth     1     -    date getDate           date getHours         date getMinutes           date getSeconds    alert formatted     Also  you could just set the format as an attribute    lt div id  datetimepicker1  class  date  gt       lt input data-format  yyyy-MM-dd hh mm ss  type  text  gt  lt  input gt   lt  div gt    and you could use the     datetimepicker1   find  input   val

User · Answer

I tried all the above methods and I did not get the value properly in the same format  then I found this       datetimepicker1   find  input   1  value    The above code will return the value in the same format as in the datetime picker   This may help you guys in the future   Hope this was helpful

User · Answer

It seems the doc evolved    One should now use        datetimepicker1   data  DateTimePicker   date      NB   Doing so return a Moment object  not a Date object

[javascript] Get the value of bootstrap Datetimepicker in JavaScript

Examples related to javascript

Examples related to datetimepicker