在 Kendo Grid MVC 日期列中动态限制日期范围

Question

我正在尝试为网格内的 日期时间选择器控件 设置最小值和最大值。该值需要根据表单上另一个datepicker 的值动态设置。

我曾尝试处理onEdit 事件并尝试在已编辑的行内找到日期时间选择器控件以设置这些值而无需查看。

在 Kendo Grid MVC 内联编辑中限制日期范围的正确方法是什么？

这就是网格的创建方式：

<div>
    @(Html.Kendo().Grid<CpcPrevisionUnidadesDto>()
          .Name("gridListado")
          .HtmlAttributes(new { @class = "kendo-grid-" })
          .AutoBind(false)
          .Columns(columns =>
          {
              columns.Bound(c => c.IdCpcPrevisionParadasUnidadesDto).Hidden();
              columns.Bound(c => c.IdCpcUnidadesProceso).Hidden();
              columns.Bound(c => c.CodigoUnidadProceso).Title(Html.Resource("CPC_CU_DP003_Unidad").ToString());
              columns.Bound(c => c.DescripcionUnidadProceso).Title(Html.Resource("CPC_CU_DP003_Nombre").ToString());
              columns.Bound(c => c.FechaParada).Title(Html.Resource("CPC_CU_DP003_FechaParada").ToString()).Format("{0:dd/MM/yyyy}").EditorTemplateName("Date"); // Need to set MAX and MIN values
              columns.Bound(c => c.FechaArranque).Title(Html.Resource("CPC_CU_DP003_FechaArranque").ToString()).Format("{0:dd/MM/yyyy}").EditorTemplateName("Date"); // Need to set MAX and MIN values
              columns.Bound(c => c.Observaciones).Title(Html.Resource("CPC_CU_DP003_Observaciones").ToString());
              columns.Template(c => { }).Title(" ").Width(40).ClientTemplate("#=menuRuedaTemplate([uid])#").HtmlAttributes(new { style = "overflow: visible;" });
          })
          .DataSource(datasource => datasource
              .Ajax()
              .PageSize(20)
              .Read(read => read.Action("BuscarPrevisionParadasPrevistasUnidades", "PrevisionParadasPrevistasUnidades").Data("setParametrosListado"))
              .Create(create => create.Action("CreatePrevisionParadasPrevistasUnidades", "PrevisionParadasPrevistasUnidades").Type(HttpVerbs.Post).Data("sendAntiForgery"))
              .Update(update => update.Action("UpdatePrevisionParadasPrevistasUnidades", "PrevisionParadasPrevistasUnidades").Type(HttpVerbs.Post).Data("sendAntiForgery"))
              .Sort(sort => sort.Add("CodigoUnidadProceso").Ascending())
              .Events(e => e.Error("screenErrorHandling"))
              .Model(model => model.Id(p => p.IdCpcPrevisionParadasUnidadesDto))
          )
          .Sortable()
          .Navigatable()
          .Pageable(pager => pager.Messages(messages => messages.Display(Html.Resource("Mensaje_Grid_Datos").ToString()))
          .Messages(m => m.Empty(Html.Resource("Mensaje_Grid_SinDatos").ToString())))
          .Resizable(r => r.Columns(true))
          .Events(e => e.DataBound("dataBoundGrid").Edit("onEdit"))
          .Editable(editable => editable.Mode(GridEditMode.InCell))
          .ToolBar(toolbar => toolbar.Save().SaveText(Html.Resource("MAIN_Guardar").ToString()).CancelText(Html.Resource("MAIN_Cancelar").ToString())))
</div>

这是日期编辑器模板：

@model DateTime?

@(Html.Kendo().DatePickerFor(m => m))

Answer 1

您需要编辑 DatePicker 的 HTML 并指定 Min 和 Max 的值。在此示例中，您将只能选择今年的过去值。

@(Html.Kendo().DatePickerFor(m => m)
.Min("01/01/2016")
.Max(DateTime.Now)
)

如果需要动态设置值，可以试试这个，获取你需要的值即可：

$("#Date").data("kendoDatePicker").min(new Date(2015, 0, 1))

.max() 相同

在您的“onEdit”事件中尝试，当创建日期选择器时，如果您需要更多帮助，请告诉我