剣道UIグリッドの2列の日付を比較するには？

Question

私は剣道のUIグリッドを持っています。その中に2列のStartDateとEndDateがあります。 インライン編集中に、StartDateをEndDateより大きくしないでください。 私はStartDateフィールドのカスタム検証でこれをやっています。 しかし、var StartDateはnull値が割り当てられています。

model: { 
       id: "BusinessAreaDivisionMappingId", 
       fields: { 
        BusinessAreaDivisionMappingId: { type: "number", editable: false, nullable: false }, 

        StartDate: { 
         from: "BusinessAreaDivisionMappingEntity.StartDate", type: "date", 
         validation: 
          { 
           required: true, 
           dateComparisonValidation: function (input) { 
            debugger; 
            if (input && (input.attr("name") == "StartDate"|| input.attr("name") == "EndDate")) { 
             input.attr("data-dateComparisonValidation-msg", "Start Date cannot be more than End Date"); 
             var startDate = input.closest(".k-edit-form-container").find("[name='StartDate']").data("kendoDatePicker"); 
             var endDate = input.closest(".k-edit-form-container").find("[name='EndDate']").data("kendoDatePicker"); 
             if (Date(startDate) > Date(endDate)) { 
              return false; 
             } 
            } 
            return true; 
           } 
          } 
        }, 
        EndDate: { from: "BusinessAreaDivisionMappingEntity.EndDate", type: "date" } 
       } 
      } 

Answer 1

完全に例を作業UPDATEここ

：

http://dojo.telerik.com/IqeNA

---

私はそれを見て比較し、無効な値を選択することはできませんし、ユーザーexpirienceのために本当に良いでしょうと思います有効でない値がそれらを再選択すること。

あなたは日付とあなたの列のカスタムエディタを追加していることに同意する場合：

var dateEditor = function (container, options) { 
var input = $('<input />'); 

input.appendTo(container) 
    .kendoDatePicker({ 
    format: "dd.MM.yyyy" 
    }); 
var datePicker = input.data("kendoDatePicker"); 
    switch (options.field) { 
    case "startDate": 
     if (options.model.finishDate) { 
     datePicker.max(options.model.finishDate); 
     } 
     break; 

    case "finishDate": 
     if (options.model.startDate) { 
     datePicker.min(options.model.startDate); 
     } 
     break; 
    } 
}; 

読むには、カスタムエディタについて、ここで

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.editor

あなたはインラインエディタの編集者を追加することでトラブルをお持ちの場合その記事を読む

Kendo Grid using inline editing and custom editor dropdown control