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'
If you want to get the date when the user selects it, you can do this: $("#datepicker"). datepicker({ onSelect: function() { var dateObject = $(this). datepicker('getDate'); } });
It returns a DateTime value DateTime date1 = datetimepicker1.Value; Follow this answer to receive notifications.
If we want to add DateTimePicker in our input field and our application uses the Bootstrap framework, we can easily add this by using the jQuery plugin of Bootstrap DateTimePicker. With bootstrap DateTimePicker plugin's help, we can easily add DateTimePicker in the form's input element by jQuery.
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:
<div id="datetimepicker1" class="date"> <input data-format="yyyy-MM-dd hh:mm:ss" type="text"></input> </div>
and you could use the $("#datetimepicker1").find("input").val();
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