Как получить все значения календаря кендо

Question

https://demos.telerik.com/kendo-ui/calendar/selection

Я использовал календарь сверху URL.

Я не могу получить значения, перетаскивая для выбора значений.Я попробовал следующий код.

http://jsfiddle.net/j0qpdox3/

В этой скрипке вы можете увидеть, как в первом столбце отображаются значения даты начала поля, а в последнем столбце значения отображаются даты окончания.

Например, перетащите дату с 9 на 15.

Другие значения не работают.Например (от 10 до 14).

var cal = $("#calendar").kendoCalendar({
  selectable: "multiple",
  change: function() {

    $(".k-state-selected").each(function(){
  var textVal = $('.k-state-selected:first-child a').attr("data-value");
  var textVal1 = $('.k-state-selected:last-child a').attr("data-value");

          $("#startdate").val(textVal);
         $("#enddate").val(textVal1);


  });


  }
});

Как я могу получить первый и последний дочерние значения?

Answer 1

, так как вы включили selectable: "multiple", вы можете использовать selectDates() пользовательского интерфейса kendo, который вернет array выбранных дат.

попробуйте следующее.

var cal = $("#calendar").kendoCalendar({
    selectable: "multiple",
    change: function() {
        //var textVal = this.value();
        var seldataes = this.selectDates(); // newly added
        var textVal = kendo.toString(new Date(seldataes[0]), "yyyy/MM/dd"); // newly added
        var textVal1 = kendo.toString(new Date(seldataes[seldataes.length - 1]), "yyyy/MM/dd"); // newly added
        console.log(textVal);
        $("#startdate").val(textVal);
        $("#enddate").val(textVal1);


    }
});

надеюсь, что это поможет.

ДЕМО ЗДЕСЬ