How to get current date from kendoDatePicker not in the 'change' handler

Question

Those approaches don't work:

dateSelectedFrom = $("#datepickerFrom").value - undefined
dateSelectedFrom = $("#datepickerFrom").value() - object has no method value()

I know that I can use this.value() and it is works fine, but the method onDateSelectedFromCalendar is used by a different dateTimePicker control (I have several on the page)

<input id="datepickerFrom" value="10/10/2011" />

   $("#datepickerFrom").kendoDatePicker({
            change: onDateSelectedFromCalendar
        });

   function onDateSelectedFromCalendar(e) {
        dateSelectedFrom = $("#datepickerFrom").value;
    }

Documentation doesn't specify any other options http://docs.telerik.com/kendo-ui/api/web/datepicker

score 4 · Accepted Answer · answered Apr 04 '14 at 19:58

4

With the Kendo object you have to use data like:

var d = $("#datepickerFrom").data("kendoDateTimePicker").value();

See the documentation here.

answered Apr 04 '14 at 19:58

jwatts1980

7,254
2
28
44

What if I only want the date and not the time? How can i get the date part alone? – Arpita Dutta Feb 14 '17 at 06:21

score 1 · Answer 2 · answered Apr 04 '14 at 20:28

You can have all the datepickers calling the same onChange event using the below:

function onDateSelectedFromCalendar(e) {
    dateSelectedFrom = e.sender.value();
}

if you wanted to be able to distinguish which element triggered the function you could use:

e.sender.element[0].id

which will give you the Id of the element.

Lastly

e.sender

will give you the same as

$('#datepickerFrom').data().kendoDatePicker

Check their DatePicker api Here

How to get current date from kendoDatePicker not in the 'change' handler

2 Answers2