jquery - 如何强制 Bootstrap 日期选择器显示日历中输入字段的值？

Question

我的 Bootstrap 日期选择器有一个奇怪的问题(我在 Bootstrap 模式中使用它)。

如果我直接在输入字段中设置值...

<input value="12.05.2017" type="text" class="date">

...日期选择器运行良好。这意味着，如果我单击输入字段，日期选择器会在日历中显示正确的日期:

但是如果我通过 jquery 设置值..

<input value="" type="text" class="date">

<script>
$(document).on("click", ".open_modal", function () {
  $(".date").val("11.06.2017");
}
</script>

...然后，如果我单击输入字段，日历将打开，但不显示任何日期:

什么可能导致此问题？

fiddle :http://jsfiddle.net/93eTU/2510/

Answer 1

您应该使用 datepicker methods 之一:

$('.open_modal').click(function() {
    $('.date').datepicker('update', new Date(2017, 6, 11));
});

UPDATED FIDDLE