Jquery日期picker和Jquery掩码不起作用

jquery datepicker and jquery mask not working

本文关键字：Jquery 不起作用 掩码 picker 日期      更新时间：2023-09-26

我有这段代码，使用jquery日期拾取器和jquery遮罩输入。

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，因为应用程序中的输入元素是动态添加到页面中的。遮罩输入也是从select事件注册的，因为用户可以通过按tab键从上一个输入进入输入。

在Firefox 31上不工作，但在Chrome 36和IE 11上工作得很好。当输入字段为空时，用户应该能够在输入元素中输入任何内容(基于屏蔽过滤器)。

请告诉我代码有什么问题

通过将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');
    });
});
固定JSFiddle

相关文章：