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

时间:2017-07-29 02:57:18

标签: javascript jquery twitter-bootstrap date

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

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

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
});

1 个答案:

答案 0 :(得分:0)

dateFormat无效选项将其更改为var date = new Date(); date.setDate(date.getDate()); $('#dateFromDatabase').datepicker( { dateFormat: "dd-M-yy", calendarWeeks: true, autoclose: true, todayHighlight: true, startDate: date, });

&#13;
&#13;
<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"/>
&#13;
template
&#13;
&#13;
&#13;