具有最小值和最大值的kendo datepicker月份模板

时间:2014-02-07 11:55:41

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

我在kendo datepicker上设置了最小值和最大值。现在不显示范围内的日期,但我希望看到日期,但显示为灰色。 我正在查看monthtemplate属性,但我无法正确使用我的模板。我有以下代码,但它给出了模板错误。

 @(Html.Kendo().DatePickerFor(m => m.PurchaseDate)
                      .Value(Model.PurchaseDate)
                      .Max(DateTime.Today)
                      .MonthTemplate("# if data.date < '"+DateTime.Today+"') { #" +
                         "<div class='inarray'>#= data.value #</div>" +
                      "# } else { #" +
                         "<div class='outofarray'>#= data.value #</div>" +
                      "# } #")       
                      .Events(ev => ev.Change("setMinExpiryDate"))

                )

感谢您的帮助

2 个答案:

答案 0 :(得分:0)

试试这个,

@(Html.Kendo().DatePickerFor(m => m.PurchaseDate)
                      .Value(DateTime.Now)
                      .Max(DateTime.Today)
                      .MonthTemplate("# if (data.date < '" + DateTime.Today + "') { #" +
                         "<div class='inarray'>#= data.value #</div>" +
                      "# } else { #" +
                         "<div class='outofarray'>#= data.value #</div>" +
                      "# } #")
                      .Events(e => e.Change("setMinExpiryDate"))

答案 1 :(得分:0)

即便如此困难,也可以设置一个空模板。这对我有用。

@(Html.Kendo().DatePickerFor(m => m.PurchaseDate)
                      .Value(Model.PurchaseDate)
                      .Max(DateTime.Today)
                      .MonthTemplate(m=>m.Empty("<div class='outofarray'>#= data.value #</div>"))
                      .Events(ev => ev.Change("setMinExpiryDate")))