将值设置为 bootstrap 日期选择器对象

Question

我使用 bootstrap 日期选择器对象 http://eonasdan.github.io/bootstrap-datetimepicker

HTML

             <div class='input-group date' id='datetimepicker1'>
                 <input type='text' class="form-control" value="" />
                 <span class="input-group-addon">
                     <span class="glyphicon glyphicon-calendar"></span>
                 </span>
             </div>

在 JS 文件中

    $('#datetimepicker1').datetimepicker({
     format: 'l',
     locale:$.fn.getlocale(),
     showTodayButton:true,
     maxDate:moment().add(6, 'month')
 });

在页面加载时，我想设置一个由 mysql 后端提供的日期。我尝试了以下代码，但没有看到 UI 中显示任何日期。

    var backend_date = dataset["APPLICATION_DEADLINE"];
    var date = new Date(backend_date);
    $('#datetimepicker1').data("DateTimePicker").date(moment(date));

你能帮忙吗？

Answer 1

试试这个：

var backend_date = dataset["APPLICATION_DEADLINE"];
var date = new Date(backend_date);
$('#datetimepicker1').datetimepicker({
       defaultDate: date
});

Answer 2

我想我找到了一个简单的方法

var dateobj = $.fn.getDateObjectFromMYSQL(dataset["APPLICATION_DEADLINE"]);
$('#datetimepicker1').data("DateTimePicker").date(dateobj);

$.fn.getDateObjectFromMYSQL = function(mysqldate){
    var t = mysqldate.split(/[- :]/);
    var d = new Date(t[0], t[1]-1, t[2], t[3], t[4], t[5]);
    return d;
}

将值设置为 bootstrap 日期选择器对象

Setting value to bootstrap datapicker object

php

mysql

jquery

bootstrap-datetimepicker