Edit this page

selectDates

Gets/Sets the selected dates for the calendar.

Important: This method requires the selectable: "multiple" option to be set.

Example - gets the selected dates of the widget

<div id="calendar"></div>
<script>
    $("#calendar").kendoCalendar({
        selectDates: [new Date(2013, 10, 10), new Date(2015, 10, 10)],
        selectable: "multiple"
    });

    var calendar = $("#calendar").data("kendoCalendar");

    var value = calendar.selectDates();
</script>

Example - sets the value of the widget

<div id="calendar"></div>
<script>
    $("#calendar").kendoCalendar({
        selectDates: [new Date(2013, 10, 10), new Date(2015, 10, 10)],
        selectable: "multiple"
    });

    var calendar = $("#calendar").data("kendoCalendar");

    calendar.selectDates([new Date(2016, 10,10), new Date()]);
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy