JQuery DatePicker constrainInput：true不像我认为的那样工作

Question

如果您输入“22”，则只允许在框中输入数字，您无法输入空格或任何字符。

如何解决此问题

<SCRIPT>
    $(function() {
        $( "#dateExpire" ).datepicker({ 
        constrainInput: true,
        changeYear:true, 
        altField: 'input#dateExpire', 
        altFormat: 'dd M yy',
        minDate: new Date(2011, 8,9</cfoutput>)
        });
    });
</SCRIPT>

Answer 1

您可以通过将所需格式应用于dateFormat选项来修复它：

dateFormat: 'dd M yy'

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

  

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

dateFormat：http://jqueryui.com/demos/datepicker/#option-dateFormat

Answer 2

另一种解决方案是您根本不用'constrainInput'。

您可以做的是在date_picker字段上绑定一个“ keyup”事件侦听器并设置值

清空。也就是说，如果date_picker字段是从日期

中选择的，则它将具有有效值

选择器，否则它将保持为空。

$("#date_picker_id")

.datepicker()

.on('keyup', function () {

                $(this).val('');

            });