使用incell编辑的网格中的Kendo日期解析，ASP.NET MVC

本文关键字：ASP NET MVC Kendo 编辑 incell 网格 使用 日期 | 更新日期: 2023-09-27 18:20:40

我知道这是剑道日期解析中的一个常见问题，但经过两天的努力，我仍然无法解决我的问题。我有一个网格，它动态地将记录添加到我的模型中的嵌套集合中：

@( Html.Kendo().Grid(Model.GTDGoods)
       .Name("GTDGoods")
       .ToolBar(toolbar => { toolbar.Create(); })
       .Columns(columns =>
{
 columns.Bound(p => p.GTD_ID).Hidden()
.ClientTemplate("#= GTD_ID #" +
"<input type='hidden' name='GTDGoods[#= index(data)#].GTD_ID' value='#= GTD_ID #'  />");
columns.Bound(p => p.GOOD_NO)
.ClientTemplate("#= GOOD_NO #" +
"<input type='hidden' name='GTDGoods[#= index(data)#].GOOD_NO' value='#= GOOD_NO #'/>");
columns.Bound(p => p.DATE)
.ClientTemplate("#=kendo.toString(kendo.parseDate(DATE), 'dd.MM.yyyy') #" +
"<input type='hidden' name='GTDGoods[#= index(data)#].DATE' value='#= kendo.toString(kendo.parseDate(DATE), 'dd.MM.yyyy') #'/>");
columns.Command(command => { command.Destroy(); });
})
.Editable(editable => editable.Mode(GridEditMode.InCell)
.CreateAt(GridInsertRowPosition.Bottom))
.DataSource(dataSource =>dataSource.Ajax()
            .Model(model =>{
                            model.Id(u => u.ID);
                            model.Field(u => u.GTD_ID).DefaultValue(Model.ID);
                           })
.ServerOperation(false)))

我在服务器上收到集合，除DATE属性外，一切都很好。

我的GTDGood型号有UIHint:

[UIHint("Date")]
public DateTime DATE { get; set; }

Date编辑器模板为：

 @model DateTime?
<script src="~/scripts/kendo/kendo.culture.ru-ru.js"></script>
<script type="text/javascript">    
    kendo.culture("ru-RU");
</script>
@(Html.Kendo().DatePickerFor(m => m))

当我更改网格中DATE的值时，问题就出现了，错误消息显示"The field DATE must be a date"和"The specified value "01/01/0001" does not conform to the required format, "yyyy-MM-dd"。即使我以"yyyy-MM-dd"格式键入日期，日期选择器texbox也显示为null。此外，我的日期选择器在网格外工作得很好，例如，当我像@Html.EditorFor(e=>e.DATE)一样使用它时。

非常感谢您的帮助。

使用incell编辑的网格中的Kendo日期解析，ASP.NET MVC

通过将其添加到_Layout.cshtml:中，我们终于找到了解决方案

<script src="@Url.Content("~/Scripts/kendo/2014.1.318/cultures/kendo.culture.en-GB.min.js")"></script>
    @{
        var culture = System.Threading.Thread.CurrentThread.CurrentCulture.ToString();
    }
    <script>
        kendo.culture("@culture");
        var culture = kendo.culture();
        culture.calendar.patterns.F = "dd/MM/yyyy";
    </script>

如果（as）您有：

public DateTime DATE { get; set; }

这里应该没有什么可以"解析"的：

kendo.toString(kendo.parseDate(DATE), 'dd.MM.yyyy')

而是直接格式化：

kendo.toString(DATE, 'dd.MM.yyyy')

或者，根本没有格式化：

columns.Bound(p => p.DATE)
.ClientTemplate("#= DATE #" +
"<input type='hidden' name='GTDGoods[#= index(data)#].DATE' value='#= DATE #'/>");

您是否尝试将Format添加到DatePickerFor？

@(Html.Kendo().DatePickerFor(m => m)).Format("dd.MM.yyyy").Culture("ru-RU"));

或

@Html.Kendo().DatePickerFor(m => m).Format("dd.MM.yyyy").Culture("ru-RU");

更改：

[UIHint("Date")]
public DateTime DATE { get; set; }

至

[UIHint("Date")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd.MM.yyyy}")]
public DateTime DATE { get; set; }

    //This code works for me
    @(Html.Kendo().Grid<DemoKendoScheduler.Models.DateParsing>()
           .Name("GTDGoods")
           .ToolBar(toolbar => { toolbar.Create(); })
           .Columns(columns =>
    {
        columns.Bound(p => p.GTD_ID).Hidden()
       .ClientTemplate("#= GTD_ID #" +
       "<input type='hidden' name='#= GTD_ID#' value='#= GTD_ID #'  />");
        columns.Bound(p => p.GOOD_NO)
        .ClientTemplate("#= GOOD_NO #" +
        "<input type='hidden' name='#= GOOD_NO#' value='#= GOOD_NO #'/>");
        columns.Bound(p => p.DATE)
        .ClientTemplate("#=kendo.toString(kendo.parseDate(DATE), 'dd.MM.yyyy') #" +
        "<input type='hidden' name='#= DATE#]' value='#= kendo.toString(kendo.parseDate(DATE), 'dd.MM.yyyy') #'/>");
        columns.Command(command => { command.Destroy(); });
    })
    .Editable(editable => editable.Mode(GridEditMode.InCell)
    .CreateAt(GridInsertRowPosition.Bottom))
    .DataSource(dataSource => dataSource.Ajax()
                .Model(model =>
                {
                    model.Id(u => u.GTD_ID);
                    //model.Field(u => u.GTD_ID);
                })
    .ServerOperation(false)))
//Model
 public class DateParsing
    {
        public int GTD_ID { get; set; }
        public string GOOD_NO { get; set; }
        [UIHint("Date")]
        public DateTime DATE { get; set; }
    }
相关文章：