问基于视图上的datepicker过滤部分视图中的数据

EN

这里有几个问题需要解决：

1. 你需要一个强类型的局部视图，这样你才能传入正确的数据。现在您没有向局部视图传递模型，所以我假设它不是强类型的。
2. 您需要有一个控制器操作来填充所选日期的模型，并将其传递给局部视图。
3. 当选定日期时，您需要一些javascript (即jquery)来请求更新局部视图div。

您的jquery将如下所示：

$("#myDatePicker").datepicker({
  onSelect: function(dateText, inst) {
    $("#dvGames").load('/Home/Partial3/' + dateText');
  }
});

您的控制器操作将如下所示：

public ActionResult Partial3(DateTime? id)
{
    MyModel model = new MyModel();
    // Populate model
    return PartialView(model);
}

请记住，只有当您的站点位于根目录中时，"/Home/Partial3/“才是路径。您应该使用Url.Action来确定实际路径。通常，我使用Ajax.BeginForm (您可以在上面找到很多示例)代替jquery.load，然后使用jquery在表单上调用onsubmit。通过这种方式，我的MVC标记在Ajax.BeginForm的参数中定义了分部视图的URL，然后我的jquery代码是完全可移植的，因为它只提交一个特定的表单，而不需要知道任何关于路径的信息。您要转换为datepicker的输入标记必须位于Ajax.BeginForm定义的表单内，以便将其提交给操作。您的局部视图不需要位于表单内部。只需指定"dvGames“作为UpdateTargetId，Ajax调用的结果将放在您的div中。

这个jquery看起来像这样：

$("#myDatePicker").datepicker({
  onSelect: function(dateText, inst) {
    $(this).closest('form').trigger('onsubmit');
  }
});

希望这能有所帮助。