Bootstrap Datetimepicker 始终将日期设置为 2016 年 1 月 20 日答案

【问题标题】：Bootstrap Datetime picker always sets date to Jauary 20 2016Bootstrap Datetimepicker 始终将日期设置为 2016 年 1 月 20 日
【发布时间】：2016-09-06 21:17:57
【问题描述】：

我正在尝试从表单字段值初始化 Bootstrap 日期时间选择器。

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

日期选择器在初始化时始终显示“2016 年 1 月 20 日”，即使时刻对象是正确的。

我看不出我做错了什么。我也试过只使用一个字符串。

HTML

<label for="timer-date">End date</label>
<input type="text" id="timer-date" class="form-control" value="2016-12-15">
<label for="timer-time">End time</label>
<input type="text" id="timer-time" class="form-control" value="20:54:00">

$(function() {

  var date = $('#timer-date').val() + ' ' + $('#timer-time').val();
  console.log (date); 
  // 2016-12-15 20:54:00

  var date_obj = moment(date);
  console.log (date_obj); 
  // _d    Date {Thu Dec 15 2016 20:54:00 GMT+0000 (GMT Daylight Time)}


  $('#timer-date').datetimepicker({
      format: 'LL',
      defaultDate: date_obj
  });

  $('#timer-time').datetimepicker({
      format: 'LT',
      defaultDate: date_obj
  });
});

【问题讨论】：

标签： javascript twitter-bootstrap-3 momentjs datetimepicker

【解决方案1】：

编辑：（“引导日期时间选择器”确实支持 momentjs 日期）。

问题在于值属性，例如，一旦读取它们或将数据放入数据属性中，就需要清除它们。

Working jsfiddle

var date = $('#timer-date').val() + ' ' + $('#timer-time').val();
  console.log (date);   // 2016-12-15 20:54:00
  $('#timer-date').val("");
  $('#timer-time').val("");

  var date_obj = moment(date);
  console.log (date_obj); 
  // _d    Date {Thu Dec 15 2016 20:54:00 GMT+0000 (GMT Daylight Time)}

   $('#timer-date-wrapper').datetimepicker({
      format: 'LL',
      defaultDate: date_obj
  });

  $('#timer-time-wrapper').datetimepicker({
    format: 'LT',
    defaultDate: date_obj
  });

【讨论】：

它没有用。它仍然显示 2016 年 1 月 20 日。您在 obj 中也有分号。
我试过一个字符串，JS日期对象和一个时刻JS obj。
@AsaCarter 我完全重写了我的答案，请检查提供的 jsfiddle。