剑道 DatePicker 选择 ASP.Net

Question

如何使用 jQuery 将选定的日期作为字符串传递给变量？

<div class="col-md-3">
     @Html.Kendo().DatePicker().Name("SearchDate").Value("").HtmlAttributes(new { style = "width:150px", @class = "", @placeholder = "Select Date"})
</div>

似乎文本框中的数据在呈现后不会在 html 中显示为 value=""。我不确定如何提取所选日期。

Answer 1

来自文档：

Get the value

<input id="datepicker" />
<script>
$("#datepicker").kendoDatePicker({
    value: new Date(2013, 10, 10)
});
//Same as the Name("SearchDate") method
var datepicker = $("#SearchDate").data("kendoDatePicker");

var value = datepicker.value();
console.log(value);
</script>

唯一的区别是您使用 Razor 创建 kendoDatePicker，但只要您访问正确的名称 (SearchDate)，您应该能够访问它。

编辑 回应您的评论

这意味着，一旦日历加载并被选中，您如何 将其传递给变量。

Razor 不能直接与 javascript 变量交互。 IE 你不能在 razor 中设置 javascript 变量。但是，您可以在选择日期后调用函数。

From the documentation

@(Html.Kendo().DatePicker()
  .Name("datepicker")
  .Events(e => e
        .Open("datepicker_open")
        .Close("datepicker_close")
        .Change("datepicker_change")
  )
)
<script>
function datepicker_open() {
    //Handle the open event
}

function datepicker_close() {
    //Handle the close event
}

function datepicker_change() {
    //Handle the change event
}
</script>

我创建了一个plunkr。请注意，它使用 jquery 语法进行初始化，但 Razor 控件只是 jQuery 版本的包装器。