2017-10-09 111 views
0

我想显示当前最新的datetimepicker,但它只显示从当前时间晚几小时。目前,我正在使用endDate将限制限制为“今天”。日历不显示今天的日期和时间使用malot datetimepicker

我使用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

+0

可以提供html代码太 –

+0

你是什么时区? –

+0

@ashish yadav GMT + 8 –

回答

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和脚本不匹配,因为它工作正常我也是,试着改变我的建议。

+0

接受答案......谢谢。 –

+0

格式不会将选择更改为当前时间 –

+0

ya格式在文档中给出的格式是这样的,所以它应该工作。 –

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

相关问题