jQuery Bootstrap Date Picker Selected Date Wrong with Fixed Date Value Input答案

【问题标题】：jQuery Bootstrap Date Picker Selected Date Wrong with Fixed Date Value InputjQuery Bootstrap Date Picker Selected Date Wrong with Fixed Date Value Input
【发布时间】：2017-07-29 02:57:18
【问题描述】：

我有一个 jQuery Bootstrap 日期选择器。它在输入表单上正常工作。

现在我想编辑日期时遇到一个问题，它不会根据之前选择的日期显示选择的日期。

HTML

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

示例日期：

20-Aug-2017

当我单击该输入框时，日期选择器将显示，但所选日期无法根据该值工作。

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

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

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

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

【问题讨论】：

您的 startDate 大于输入值
抱歉日期打错了，2017 年 8 月 20 日
我没有看到任何错误。它应该可以正常工作。
是的，你说得对，但我需要在键盘上输入一些内容，然后我才能看到根据输入文本正确更改的日期
jsfiddle.net/LcqM7/1116你还有其他的日期选择器库吗？

标签： javascript jquery twitter-bootstrap date

【解决方案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"/>

【讨论】：