CODEWITHSUNDEEP
kendo-uikendo-datepicker
Shebin Mathew
Shebin Mathew

Reputation: 318

Kendo Datetimepicker How to prevent change event?

I am using a kendo datetimepicker. When user opens the calender and select any date I need to check for some other dates, ie need to run validations if the date is wrong then prevent the new date from filling the date picker and keep the old value, otherwise allow datepicker to change value. I tried with event.preventDeafult , but unfortunatly it is not working..

Is there any way to acheceive this?

Here is the fiddle enter link description here

Any help is appreciated.

Example fiddle here 

   $("#datePicker").kendoDatePicker({

    change:function(event){ alert(1); 
                      // some validations here
                      event.preventDeafult();  }
  });

Upvotes: 0

Views: 4069

Answers (2)

Raju S Nair
Raju S Nair

Reputation: 333

Go through this answer. May any lines help you to solve your problem. You can simply assign like this.

$("#datepicker").kendoDatePicker({
    change: function () {
        // some validations here
        var i = 0;
        var prev = "9/12/2014";
        var date = kendo.toString(this.value(), 'd');
        if (i == 0) {
            $("#datepicker").data("kendoDatePicker").value(prev);
        }
    },
    close: onClose,
    open: onOpen
});

Updated Answer : 

var date;
$(function () {
    date = $("#datepicker").data("kendoDatePicker").value();
    $("#datepicker").kendoDatePicker({
        change: function () {
            // some validations here
            var i = 0;
            var prev = date;
            if (i == 0) {
                $("#datepicker").data("kendoDatePicker").value(prev);
            }

        },
        close: onClose,
        open: onOpen,
    });

})

Upvotes: 1

CSharper
CSharper

Reputation: 5580

I've used read only in the past to do this.

   var endDate = $("#endDate").data("kendoDatePicker");
       endDate.readonly();

Upvotes: 0

Related Questions