Получить дату и время из начальной загрузки
У меня проблемы с получением даты и времени из моего bootrap datetimepicker. Я прочитал довольно много постов здесь о правильном синтаксисе, и, похоже, ничего не работает.
Должно быть, я пропустил что-то маленькое, или, возможно, я создал свой сборщик неправильно Любая помощь будет принята с благодарностью.
HTML:
<div class="modal fade" id="newEventModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">New Event</h4>
</div>
<div class="modal-body">
<div class="row">
<div class="col-sm-12" style="text-align:left">
<div class="form-group">
<label for="newEventTitle">Event Title:</label>
<input type="text" class="form-control" id="newEventTitle">
</div>
</div>
<div class="col-sm-12" style="text-align:left">
<div class="form-group">
<label for="newEventDate">Date and Time:</label>
<div class='input-group date' id='datetimepicker' style="color:#000000">
<input type='text' class="form-control" id="newEventDate" style="color:#000000;"/>
<span class="input-group-addon" style="color:#000000;">
<span class="fa fa-calendar" style="color:#4d8c40;">
</span>
</span>
</div>
</div>
</div>
<div class="col-sm-12" style="text-align:left">
<div class="form-group">
<label for="newEventComment">Comment:</label>
<input type="text" class="form-control" id="newEventComment">
</div>
</div>
<div class="col-sm-12" style="text-align:center">
<div class="form-group">
 
<br/><br/>
<input style="background-color: #4d8c40; color: #ffffff;" value="Create"
class="btn btn-secondary" id="CreateEventBtn"/>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
JQuery, чтобы заставить сборщик работать:
//enable date time picker and add icons
$(function () {
$('#datetimepicker').datetimepicker({
icons: {
time: "fa fa-clock-o",
date: "fa fa-calendar",
up: "fa fa-arrow-up",
down: "fa fa-arrow-down"
}
});
});
JQuery для получения даты:
$('body').on('click', '#newEventBtn', function () {
$('#newEventDate').val();
$('#newEventTitle').val();
$('#newEventComment').val();
console.log($('#newEventTitle').val());
console.log($('#datetimepicker').data('datetimepicker').date());
console.log($('#datetimepicker').data('datetimepicker').getDate());
console.log($('#datetimepicker').data('datetimepicker').getFormattedDate('yyyy-mm-dd'));
console.log($('#newEventComment').val());
//$('input[name=ImageFile]').val('')
//CreateEvent(data);
//format('DD/MM/YYYY HH:mm A')
});
Как вы можете видеть, я попытался, .getDate(), .date(), а также.val() и.getFormattedDate, и каждый из них либо нулевой, либо выдает ошибку
Не могу прочитать свойство
Заранее спасибо.
1 ответ
Решение
Пытаться:
console.log($('#datetimepicker').data('DateTimePicker').date());
...с DateTimePicker
просто так.