0

現在の最新の 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 までしか表示されません。

ここに画像の説明を入力

4

2 に答える 2

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とスクリプトのフォーマットは私にとってもうまく機能しているので一致していないと思います。私が提案するように変更してみてください。

于 2017-10-09T08:00:37.877 に答える
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「 」をあなたの国に変更してください

タイムゾーンはこちら

于 2017-10-09T08:06:56.983 に答える