Twitter bootstrap 启动日期时间选择器打开时不显示日期
我正在使用引导日期时间选择器。我有一个按钮,可以在datetimepicer div上设置日期和时间,它正确地显示在输入中,但当我下拉日历时,它会显示当前的月份/年份,而不是输入中的日期。但是如果我关闭日历并重新打开它,正确的日期就会显示出来。正在设置日历值,因为当我第一次删除日历并返回一个月时,会突出显示正确的日期。如何使日历显示以编程方式设置的日期 多谢各位Twitter bootstrap 启动日期时间选择器打开时不显示日期,twitter-bootstrap,datetimepicker,Twitter Bootstrap,Datetimepicker,我正在使用引导日期时间选择器。我有一个按钮,可以在datetimepicer div上设置日期和时间,它正确地显示在输入中,但当我下拉日历时,它会显示当前的月份/年份,而不是输入中的日期。但是如果我关闭日历并重新打开它,正确的日期就会显示出来。正在设置日历值,因为当我第一次删除日历并返回一个月时,会突出显示正确的日期。如何使日历显示以编程方式设置的日期 多谢各位 <html> <head> <script src="Scripts/Libs/jquery-3
<html>
<head>
<script src="Scripts/Libs/jquery-3.1.1.min.js"></script>
<script src="Scripts/Libs/moment.js"></script>
<script src="Scripts/Libs/bootstrap.min.js"></script>
<script src="Scripts/Libs/bootstrap-datetimepicker.js"></script>
<link href="Content/bootstrap.css" rel="stylesheet" />
<link href="Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<meta charset="utf-8" />
<title></title>
</head>
<body>
<button id="btnSetDate">Set Date</button>
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class="input-group date" id="dp1">
<input type="text" class="form-control" id="testDate" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
</div>
</body>
</html>
<script src="Scripts/CalendarTest.js"></script>
$(document).ready(function () {
$('#dp1').datetimepicker(
{ format: 'YYYY/MM/DD hh:mm A' }
).on('dp.change', function (ev) {
var $div = $(this);
var date = $div.data('date');
$div.data("DateTimePicker").defaultDate(date);
$div.datetimepicker('hide');
});
$('#btnSetDate').on('click', function () {
var dateString = '2017/12/21 5:16 AM';
var date = new Date(dateString);
var value = moment(date).format('YYYY/MM/DD hh:mm A');
var $div = $('#dp1');
$div.data("DateTimePicker").date(value);
});
});