如何启用datePicker ui附加的输入?(JQuery插件)

时间:2012-08-03 09:36:44

标签: javascript jquery uidatepicker

$('#date_arrow_from, #date_from').click(function() {

        $('#date_from').attachDatepicker({
            rangeSelect: false,
            yearRange: "2011:2012",
            firstDay: 1
        });

        $('#date_from').showDatepicker();

    });

http://jqueryui.com/demos/datepicker/ - 我正在使用类似的东西,但问题是,当我点击输入时我无法写任何内容时,按键事件被阻止,如何解锁输入才能启用?

1 个答案:

答案 0 :(得分:1)

看起来您需要将constrainInput选项设置为false

http://jqueryui.com/demos/datepicker/#option-constrainInput

  

当输入字段中的真实条目限制为这些字符时   当前的dateFormat允许。

     

代码示例使用指定的constrainInput选项初始化一个datepicker。

     

$(".selector" ).datepicker({ constrainInput: false });

修改

虽然以上标记为已接受,但我同意@Edd Morgan您应该尝试利用内置输入验证(我总是在使用它时这样做)。要专门允许ISO 8601格式的日期,您可以非常轻松地更改datepickers dateFormat字符串,下面的演示有一个很好的示例列表。

http://jqueryui.com/demos/datepicker/#date-formats

$(".selector" ).datepicker({ dateFormat: "yy-mm-dd" });