日历未使用malot datetimepicker显示今天的日期和时间

时间:2017-10-09 07:49:26

标签: javascript datetimepicker smalot-datetimepicker

我想显示当前最新的datetimepicker,但它只显示当前时间晚几个小时。目前,我正在使用endDate将限制限制为'今天'。

我在这里使用malot datetimepicker:https://www.malot.fr/bootstrap-datetimepicker/

HTML

<div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
    <label for="dtp_input4" class="control-label">Start Time</label>
    <div class="input-group date form_starttime" data-date="" data-date-format="dd/MM/yyyy HH:ii" data-link-field="dtp_input1">
        <input class="form-control" size="16" type="text" value="" readonly data-ng-model="startDT">
        <span class="input-group-addon"><span class="fa fa-calendar"></span></span>
        <span class="input-group-addon"><span class="fa fa-times" id="remove"></span></span>
    </div>
    <br/>
</div>

JS

$('.form_starttime').datetimepicker({
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    format: 'yyyy.mm.dd HH:ii',
    pickerPosition: "bottom-left",
    endDate: '+0d',
})
.on('changeDate', function (selected) {
    var minDate = new Date(selected.date.valueOf());
    $('.form_endtime').datetimepicker('setStartDate', minDate);
});

图片

我发布此时的当前时间是1548,但它只显示到0700。

enter image description here

2 个答案:

答案 0 :(得分:1)

我认为你的格式错误应该是yyyy-mm-dd hh:ii

这是在文档和格式中定义示例的方式,如

<div class="input-append date form_datetime">
    <input size="16" type="text" value="" readonly>
    <span class="add-on"><i class="icon-th"></i></span>
</div>

<script type="text/javascript">
    $(".form_datetime").datetimepicker({
        format: "dd MM yyyy - hh:ii"
    });
</script>    

我相信你的html和脚本中的格式不匹配,因为它也适合我,尝试改变我的建议。

答案 1 :(得分:1)

var yourTimeZone = = moment.tz("2016-10-07 12:00", "Asia/Ulaanbaatar");
yourTimeZone.format() // returns "2016-10-07T12:00:00+08:00"

您必须使用当前时区时间传递startDate:2016-10-07T12:00:00+08:00属性。

请将“Asia/Ulaanbaatar”更改为您所在的国家/地区

点击此处查看timezone