Question

我想将掩码添加到DatePicker。我在互联网上找到了以下代码：

(function($) {
    varui = kendo.ui,
     MyMask = kendo.ui.DatePicker.extend({
        init: function(element, options) {           
            varextended = $.extend(this.options, options);
            kendo.ui.DatePicker.prototype.init.call(this, element, extended);
            debugger;
            $(element).inputmask("mask",extended);
        },
        options: {          
            name: "MyMaskedDatePicker",
            mask: "99/99/9999",
            showMaskOnHover: false,
            clearMaskOnLostFocus: true
        }
    });

    ui.plugin(MyMask);

})(jQuery);

html代码：

<inputdata-role="mymaskeddatepicker"data-bind="value: DateOfBirth"data-placeholder="DD/MM/YYYY"/>

但是，此代码使用其他data-role属性，但我使用ASP.NET MVC Html Helpers，默认情况下data-role为datepicker。什么是解决它的最佳方法？感谢。

PS。JSFidle

Answer 1

您基本上已创建了自定义wiget。使用JavaScript而不是MVC帮助程序初始化窗口小部件，或者实现自己的MVC帮助程序以与自定义窗口小部件一起使用。

剑道日期选择器的面具

1 个答案: