Kendo Grid DatePicker Editor Template DateTime Change Value not working

[Kyriacos]

Consider the following code i want to set the grid datePicker column empty if date validation fails WorkOrderDate< task date , any help would be higly appreciable.


***********Grid***************

columns.Bound(c => c.WorkOrderDetailsDate).Title("Estimated Start Date").EditorTemplateName("WorkOrderDetailsDate")

***********Editor**************

@model DateTime?
@(Html.Kendo().DatePicker()
.Name("WorkOrderDetailsDate")
.Value(Model == null ? DateTime.Now.Date : ((DateTime)@Model).Date)
.Events(d=>d.Change("TaskDateValidate"))
)

*************JavaScript***********
function TaskDateValidate(e)
{

     if ($("#workOrder_EstStartDate").val() != null && $("#workOrder_EstStartDate").val() != "") {
    var workDate = kendo.parseDate($("#workOrder_EstStartDate").val());
    var taskDate = kendo.parseDate(kendo.toString(this.value(), 'd'));

       if (taskDate < workDate)
       {

       showMessage("Task date should be after work order Date");
        this.value(""); <-----this is not working want to set to empty to force user to select date again
           this.value("28/02/2014");<---this is not working as well...
       }
}


please advise on this problem
reagrds
Shaz

[Alexander Popov]

Hi Shaz,

You can achieve that behavior by initializing a Kendo UI Validator and specifying the custom rules that should be applied. Then subscribe for the Grid's save event and once the event is triggered - call the Validator's validate method, as shown in this JavaScript example.

Regards,
Alexander Popov
Telerik