Jquery 如何获取剑道日历的所有值

我使用了上面url中的日历

我无法通过拖动选择值来获取值。我尝试了以下代码

在此小提琴中，您可以看到第一列值显示在“开始日期”字段中，最后一列值显示在“结束日期”字段中

例如，将日期9拖到15

其他值不起作用。前（10至14）

---

如何获取第一个子和最后一个子值？

因为您启用了

可选：“多个”

您可以使用剑道ui的

selectDates（）

，它将返回所选日期的

数组

尝试以下方法

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);


    }
});

希望这有帮助


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);


    }
});