使用Kendo UI datepicker中的更改功能

时间:2016-02-17 13:25:07

标签: javascript kendo-ui datepicker kendo-asp.net-mvc

我创建了一个日期选择器并要求在更改时发出警报:

    <input id="datepicker" />
<script>
    $("#datepicker").kendoDatePicker({
    change: function() {
    var value = this.value();
    alert(value); //value is the selected date in the datepicker
    }
    });

</script>

没问题,它正在发挥作用。 现在我尝试创建一个取值为datepicker的函数,并将其显示在警告上:

function Test(){
var toto = $("#datepicker").data("kendoDatePicker");
var value = toto.value();
alert(value);
}

并修改datepicker,如下所示:

<input id="datepicker" />
<script>
    $("#datepicker").kendoDatePicker({
    change: Test()
    });
</script>

它已不再适用了。在没有更改datepicker的情况下启动“Test”方法,而datepicker现在看起来像这样: datepicker
有什么想法?

1 个答案:

答案 0 :(得分:0)

将最后一部分更改为:

<input id="datepicker" />
<script>
    $("#datepicker").kendoDatePicker({
    change: Test
    });
</script>

您正在设置更改事件以返回Test()函数

的值