jQuery Bootstrap日期选择器选择的日期错误，输入的日期值固定

Question

我有一个jQuery Bootstrap Date Picker。 它可以正常工作，并且在输入表单上可以。

现在，当我要编辑日期时遇到一个问题，它没有显示基于先前选择日期的选择日期。

HTML

<input type="text" name="dateFromDatabase" id"dateFromDatabase" value="20-Aug-2017"/>

日期示例：

20-Aug-2017

当我单击该输入框时，将显示日期选择器，但基于该值的所选日期不起作用。

*我需要在键盘上键入一些内容，然后所选的日期才是正确的。 （我认为是Change功能？）

我的问题，如何根据点击的输入值自动设置日期？

var date = new Date();
date.setDate(date.getDate());

$('#dateFromDatabase').datepicker(
{
    format: "dd-M-yyyy",
    calendarWeeks: true,
    autoclose: true,
    todayHighlight: true,
    startDate: date
});

Answer 1

format无效选项将其更改为dateFormat

 var date = new Date(); date.setDate(date.getDate()); $('#dateFromDatabase').datepicker( { dateFormat: "dd-M-yy", calendarWeeks: true, autoclose: true, todayHighlight: true, startDate: date, }); 

 <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <input type="text" name="dateFromDatabase" id="dateFromDatabase" value="20-Jul-2017"/>