如何启用 datePicker ui 附加的输入？（JQuery 插件）

【问题标题】：How to enable the input that was attached by datePicker ui?(JQuery plugin)如何启用 datePicker ui 附加的输入？（JQuery 插件）
【发布时间】：2012-08-03 09:36:44
【问题描述】：

$('#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/ - 我正在使用这样的东西，但问题是当我点击输入时我不能写任何东西，keypress事件被阻止，我怎样才能解锁要启用的输入？

【问题讨论】：

你不应该真的允许在那里输入任何不是日期的东西。默认情况下，jQuery 的 datepicker 将允许您输入日期，但没有任何看起来不像日期的内容。
但是我怎么能写“-”符号来写类似：2012-08-03？
查看 jQuery 的日期选择器格式化字符串。

标签： javascript jquery uidatepicker

【解决方案1】：

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

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

当输入字段中的真实条目被限制为这些字符时当前日期格式允许。

代码示例使用指定的约束输入选项初始化日期选择器。

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

编辑

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

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

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

【讨论】：