如何使datepicker文本框可编辑?

时间:2014-01-29 08:40:31

标签: javascript jquery jsp datepicker

我在我的应用程序中使用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>

请帮忙。

1 个答案:

答案 0 :(得分:0)

如果您正在使用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获取进一步的文档。