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

Question

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

Answer 1

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

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

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

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

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

编辑

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

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

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