面膜对剑道日期选择

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"/> 

但是，该代码使用其他数据角色属性，但我使用ASP.NET MVC HTML辅助和默认data-role是datepicker。什么是解决它的最好方法？ 谢谢。

PS。 JSFidle

Answer 1

你已经基本上创建自定义wiget。可以用JavaScript代替MVC助手来初始化你的小部件，也可以实现你自己的MVC助手来跟随你的自定义小部件。