javascript - jquery datepicker 和 jquery mask 不工作

Question

我有这段代码使用 jquery datepicker和 jquery masked input .

jQuery(function($) {
    $(document).on('click', '#date', function () { 
        var me = $("#date");   
        me.datepicker({
            showOn: 'focus',
            altFormat: "mm/dd/yy",
            dateFormat: "mm/dd/yy",
            minDate: '12/12/2000',
            maxDate: '12/12/2020'
        }).focus();
        me.mask('99/99/9999');
    }).on('select', '#date', function () {
        var me = $("#date");
        me.mask('99/99/9999');
    });
});

JSFiddle

代码使用 jquery on因为应用程序中的输入元素是动态添加到页面中的。并且屏蔽输入也从 select 事件注册，因为用户可以通过按上一个输入的 Tab 来进入输入。

它无法在 Firefox 31 上运行，但在 Chrome 36 和 IE 11 上运行良好。当输入字段为空时，用户应该能够在输入元素中键入任何内容(基于屏蔽过滤器)。

请告诉我代码有什么问题。

Answer 1

只是通过将 select 更改为 focus 来修复它，我不记得为什么我首先使用 select 。

jQuery(function($) {
    $(document).on('click', '#date', function () { 
        var me = $("#date");   
        me.datepicker({
            showOn: 'focus',
            altFormat: "mm/dd/yy",
            dateFormat: "mm/dd/yy",
            minDate: '12/12/2000',
            maxDate: '12/12/2020'
        }).focus();
    }).on('focus', '#date', function () {
        var me = $("#date");
        me.mask('99/99/9999');
    });
});

Fixed JSFiddle