javascript - Bootstrap datetimepicker 每次都给出相同的日期

Question

我有一个 Bootstrap 日期时间选择器。看起来有一个问题(或者也许我没有做正确的事情)。即使我修改了日期选择器，我也得到了相同日期/时间。

我正在使用这个插件:

bootstrap-datetimepicker https://eonasdan.github.io/bootstrap-datetimepicker/

这是我的日期选择器代码:

initializeDatePickers : function(){
var $datetimepicker = $(this.el).find('#datetimepicker');
$datetimepicker.datetimepicker({
    minDate: new Date(),
    defaultDate: new Date(),
});
},


<!-- HTML code -->
    <div class="form-group">
        <label for="datetimepicker">Start From</label>
        <div class="input-group date" id="datetimepicker">
            <input type="text" name="startFrom" class="form-control" required data-error="select date and time" />
        </div>
    </div>

我使用以下代码获取数据:

var data = $('#scheduleForm').serializeArray();
var schedule = {'startFrom': this.fetchData(data, 'startFrom')};

问题:

当我第一次选择 Bootstrap 日期选择器时，它会打印出默认时间。假设我做了更改，它仍然打印旧时间。我错过了什么吗？

Answer 1

我无法找出你的代码的问题。你的js还不够。

但我举了一个例子。看来可行。

$(function() {
  var $datetimepicker = $('#datetimepicker');
  $datetimepicker.datetimepicker({
    minDate: new Date(),
    defaultDate: new Date()
  });
  $datetimepicker.on('dp.change', function() {
    console.log($(this).data("DateTimePicker").date());
    //var data = $('#scheduleForm').serializeArray();
    //console.log(data);
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.45/js/bootstrap-datetimepicker.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.45/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<form id='test-form'>
  <div class="form-group">
    <label for="datetimepicker">Start From</label>
    <div class="input-group date">
      <input id="datetimepicker" type="text" name="startFrom" class="form-control" required data-error="select date and time" />
    </div>
  </div>
</form>