Question

我有一个bootstrap datetimepicker。看起来有问题（或者我可能没做正确的事）。即使我修改了datepicker，我也会得到相同的日期/时间。

我正在使用这个插件：

自举的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 datepicker时会打印出defaultTime。假设我做了一个改变，它仍然打印旧时间。我错过了什么吗？

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>

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

1 个答案: