面膜對劍道日期選擇

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助手來跟隨你的自定義小部件。