如何使Datepicker文本框可編輯？

Question

我在應用程序中使用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中的簡單datepicker命令。

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

請幫忙。

Answer 1

如果您正在使用JQuery中的Datepicker Widget，則可以使用下一個選項。

constrainInput: false

喜歡

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

API信息constrainInput + API文檔，以獲取更多文檔（如果需要）。