如何使日期选择器文本框可编辑？答案

【问题标题】：How to make datepicker textbox editable?如何使日期选择器文本框可编辑？
【发布时间】：2014-01-29 08:40:31
【问题描述】：

我在我的应用程序中使用 datepicker 让用户输入日期。但我想要的是用户应该能够手动输入日期以及使用键盘将日期输入到文本框中，然后日期选择器应该能够自动识别日期并接受它。

这是使用的JS。

<script type="text/javascript">
    function getMetricName()
    {
      var today = new Date();
       var maxdate=  new Date(today.getFullYear(),today.getMonth(),(today.getDate()-    1),"23","59","59");
              $(function() {
                   $('#start_date').datetimepicker({timeFormat: "HH:mm:ss",
                      dateFormat:"dd-mm-yy",
                      maxDate: maxdate});

              $('#end_date').datetimepicker({timeFormat: "HH:mm:ss",
                      dateFormat:"dd-mm-yy",
                      maxDate: maxdate});

      });
</script>

下面是html中简单的日期选择器命令。

<td><input class="datepicker" name="start_date" value=""  /></td>
 <td><input id="end_date" name="end_date" value=""  /></td>

请帮忙。

【问题讨论】：

如果用户输入了01-10-2014，那么您能告诉我是2014 年10 月1 日 还是2014 年1 月10 日？如何阻止用户输入错误的日期？你打算如何决定日期模式？
$( ".selector" ).datepicker({ constrainInput: false }); 来源：stackoverflow.com/questions/5868843/…
@Aniket 我猜placeholder 可以做到这一点

标签： javascript jquery jsp datepicker

【解决方案1】：

如果您使用 JQuery 中的 Datepicker Widget，则可以使用下一个选项；

constrainInput: false

喜欢

$('#start_date').datetimepicker({timeFormat: "HH:mm:ss",
                  dateFormat:"dd-mm-yy",
                  constrainInput: false, 
                  maxDate: maxdate});

API information constrainInput + API documentation 如果您需要，请提供更多文档。

【讨论】：