Kendo ui 如何使Bootstrap3日期选择器在单元格批处理编辑网格中的剑道mvc中工作

Kendo ui 如何使Bootstrap3日期选择器在单元格批处理编辑网格中的剑道mvc中工作,kendo-ui,kendo-grid,kendo-asp.net-mvc,kendo-ui-mvc,Kendo Ui,Kendo Grid,Kendo Asp.net Mvc,Kendo Ui Mvc,因此,我可以在较新的浏览器中实现这一点,但在IE9中,当在日期选择器上单击日期时,单元格会返回为未选中、空且不脏的状态。 我的代码的一个例子是 模型 网格 Html.Kendo().Grid() .名称(“编辑列表”) .列(列=> { columns.Bound(m=>m.Name).Title(“Name”); columns.Bound(m=>m.Status).EditorTemplateName(“\u milestoneStatus”); columns.Bound(m=>m.Pla

因此,我可以在较新的浏览器中实现这一点,但在IE9中,当在日期选择器上单击日期时,单元格会返回为未选中、空且不脏的状态。 我的代码的一个例子是

模型

网格

Html.Kendo().Grid()
.名称(“编辑列表”)
.列(列=>
{
columns.Bound(m=>m.Name).Title(“Name”);
columns.Bound(m=>m.Status).EditorTemplateName(“\u milestoneStatus”);
columns.Bound(m=>m.PlannedStartDateStringValue);
columns.Bound(m=>m.ProjectedStartDateStringValue);
columns.Bound(m=>m.ActualStartDate).EditorTemplateName(“GenericDatePicker”);
columns.Bound(m=>m.PlannedEndDateStringValue);
columns.Bound(m=>m.projectedEndAddTestRingValue);
columns.Bound(m=>m.ActualEndDateStringValue).EditorTemplateName(“GenericDatePicker”);
columns.Bound(m=>m.CommentCount).ClientTemplate(“”).Title(“Comments”).Sortable(false).IncludeInMenu(false);
})
.HtmlAttributes(新的{@class=“hidden results table responsive”})
.DataSource(DataSource=>DataSource
.Ajax()
.Read(Read=>Read.Action(“数据源”、“里程碑”).Data(“附加参数”))
.Update(Update=>Update.Action(“批编辑”、“里程碑”))
.Batch(真)
.Events(e=>e.Sync(“SyncGrid”))
.ServerOperation(错误)
.Model(m=>{
m、 Id(mf=>mf.Id);
m、 字段(f=>f.Name)。可编辑(false);
m、 字段(f=>f.Status)。可编辑(ViewBag.IsBaselined);
m、 字段(f=>f.PlannedStartDateStringValue)。可编辑(false);
m、 字段(f=>f.PlannedEndDateStringValue)。可编辑(false);
m、 字段(f=>f.CommentCount)。可编辑(false);
m、 字段(f=>f.ProjectedStartDateStringValue)。可编辑(false);
m、 字段(f=>f.ProjectedEndAddTestRingValue)。可编辑(false);
m、 字段(f=>f.ActualStart日期)。可编辑(ViewBag.IsBaselined);
m、 字段(f=>f.ActualEndDate)。可编辑(ViewBag.IsBaselined);
})
)
.Editable(Editable=>Editable.Mode(GridEditMode.InCell))
.column菜单()
.可过滤()
.Sortable();
}
编辑器模板

@model DateTime? 
@Html.TextBoxFor(model => model, new { @class="k-textbox bootStrapDatePicker form-   control" })
<script type="text/javascript">
    $('.bootStrapDatePicker').datepicker({ startDate: '0', format: "m/d/yyyy", autoclose:   true });
</script>
@model DateTime?
@TextBoxFor(model=>model,新的{@class=“k-textbox bootStrapDatePicker表单-control”})
$('.bootStrapDatePicker').datepicker({startDate:'0',格式:“m/d/yyyy”,autoclose:true});
您有两个(更好)选项可以自动为您设置日期时间选择器:

1) 在网格列/模型中,使用
ActualStartDate
属性。然后,您可以在列上使用
.Format()
方法,以您喜欢的方式对其进行格式化


2) 我不知道确切的语法是什么,但当您在网格中定义
模型时,我相信有一种
DataType()
或类似的方法将其设置为日期时间。

已经有一段时间了,但问题是jquery的版本不正确

Html.Kendo().Grid<MilestoneDto>()

     .Name("editMilestoneList")
     .Columns(columns =>
     {
         columns.Bound(m => m.Name).Title("Name");
         columns.Bound(m => m.Status).EditorTemplateName("_milestoneStatus");
         columns.Bound(m => m.PlannedStartDateStringValue);
         columns.Bound(m => m.ProjectedStartDateStringValue);
         columns.Bound(m => m.ActualStartDate).EditorTemplateName("GenericDatePicker");
         columns.Bound(m => m.PlannedEndDateStringValue);
         columns.Bound(m => m.ProjectedEndDateStringValue);
         columns.Bound(m => m.ActualEndDateStringValue).EditorTemplateName("GenericDatePicker");
         columns.Bound(m => m.CommentCount).ClientTemplate("<a href='javascript:;' onclick='callCommentModal()'>#if(CommentCount > 0) {# <span class=\"badge\">#=CommentCount#</span>#}else{#<span class=\"fa fa-plus-circle\"></span>#}#</a>").Title("Comments").Sortable(false).IncludeInMenu(false);
     })
     .HtmlAttributes(new { @class = "hidden results table-responsive" })
     .DataSource(dataSource => dataSource
                                 .Ajax()
                                 .Read(read => read.Action("DataSource", "Milestone").Data("additionalParams"))
                                 .Update(update => update.Action("BatchEdit", "Milestone"))
                                 .Batch(true)
                                 .Events(e => e.Sync("SyncGrid"))
                                 .ServerOperation(false)
                                 .Model(m => {
                                     m.Id(mf => mf.Id);
                                     m.Field(f => f.Name).Editable(false);
                                     m.Field(f => f.Status).Editable(ViewBag.IsBaselined);
                                     m.Field(f => f.PlannedStartDateStringValue).Editable(false);
                                     m.Field(f => f.PlannedEndDateStringValue).Editable(false);
                                     m.Field(f => f.CommentCount).Editable(false);
                                     m.Field(f => f.ProjectedStartDateStringValue).Editable(false);
                                     m.Field(f => f.ProjectedEndDateStringValue).Editable(false);
                                     m.Field(f => f.ActualStartDate).Editable(ViewBag.IsBaselined);
                                     m.Field(f => f.ActualEndDate).Editable(ViewBag.IsBaselined);                          
                                 })
     )
     .Editable(editable => editable.Mode(GridEditMode.InCell))
     .ColumnMenu()
     .Filterable()
     .Sortable();
}
@model DateTime? 
@Html.TextBoxFor(model => model, new { @class="k-textbox bootStrapDatePicker form-   control" })
<script type="text/javascript">
    $('.bootStrapDatePicker').datepicker({ startDate: '0', format: "m/d/yyyy", autoclose:   true });
</script>