Telerik MVC DatePicker 上的 onChange 事件行为非常奇怪

Question

对于开始的问题，我的代码（我将尝试仅包含相关部分来开始），从我的脚本开始：

function RaceDate_onChange() {
    var pickedDate = $(this).data('tDatePicker').value();
    var month = pickedDate.getMonth() + 1;
    $.get("/RaceCard/Details?year=" + pickedDate.getFullYear() + "&month=" + month + "&day=" + pickedDate.getDate());
}

然后是我的标记：

@Html.Telerik().DatePickerFor(model => model.RaceDate).ClientEvents(events => events.OnChange("RaceDate_onChange"))

最后是一些接收操作：

[HttpGet]
public ActionResult Details(int year, int month, int day)
{
    var viewModel = new RaceCardModel {Metadata = DetailModelMetadata.Display, RaceDate = new DateTime(year, month, day)};

我正在尝试选择一个新的触发 GET 的日期，刷新页面而不提交表单。这工作正常，除了这个问题：

在对 Details 操作的 GET 请求中，day 值始终比 DatePicker 晚一天。例如，当呈现视图时，第一个值是从视图模型属性设置的，例如 3。然后我单击 14 并在操作方法中命中断点。 day 值为 3。当我点击 29 并命中断点时，day 值为 14。

除了问出了什么问题之外，我还会冒昧地问一下如果有更好的方法那就不再复杂了。我是个相当新手，宁愿交付需要修改的工作代码，也不愿陷入切线和细节之中。

Answer 1

请尝试使用 e.value，如客户端事件示例中所示。您可能使用的是旧版本，其中 value() 方法在 OnChange 事件期间返回先前的值。

更新：

“e.value”表示 OnChange 参数的值字段：

function onChange(e) {
   var date = e.value; // instead of datePicker.value()
}

Answer 2

就您得到的 1 个月差异而言，这是正常的，这就是 getMonth() 方法在 Date 实例上的 JavaScript 中工作：

getMonth 返回的值是
0 到 11 之间的整数。0
对应一月，1 到二月，
等等。

所以添加+1是应对这种情况的正确方法，就像你所做的那样。

关于 AJAX 调用的一点评论：永远不要对 url 进行硬编码。处理 url 时始终使用 url 助手：

var year = pickedDate.getFullYear();
var month = pickedDate.getMonth() + 1;
var day = pickedDate.getDate();
var url = '@Url.Action("Details", "RaceCard")';
$.get(url, { year: year, month: month, day: day }, function(result) {
    // process the results of the AJAX call
});