从MVC Razor剑道网格日期列中删除时间

从MVC Razor剑道网格日期列中删除时间,razor,kendo-grid,Razor,Kendo Grid,如何限制剑道日期时间选择器只允许选择日期 目前,日期选择器旁边会出现一个时钟图标,我不希望这样 以日期结尾的字段是“我的日期”列 所有日期字段都是可为空的日期列(即DateTime?) 谁能给我指出正确的方向吗 这是我的剃须刀: @(Html.Kendo().Grid(Model.employeedetailsList) .Name("DependentGrid") .Columns(columns =>

如何限制剑道日期时间选择器只允许选择日期

目前,日期选择器旁边会出现一个时钟图标,我不希望这样

以日期结尾的字段是“我的日期”列

所有日期字段都是可为空的日期列(即DateTime?)

谁能给我指出正确的方向吗

这是我的剃须刀:

@(Html.Kendo().Grid(Model.employeedetailsList)
            .Name("DependentGrid")
                   .Columns(columns =>
                   {
                       columns.ForeignKey(p => p.TitleCode, Model.TitleList, "TitleCode", "TitleDescription").Title("Title").Width(130);
                       columns.Bound(p => p.FirstName).Title("First Name");
                       columns.Bound(p => p.MiddleName).Title("Middle Name");
                       columns.Bound(p => p.LastName).Title("Last Name"); ;
                       columns.ForeignKey(p => p.Gender, Model.GenderList, "TitleCode", "TitleDescription").Title("Gender");
                       columns.ForeignKey(p => p.RelCode, Model.RelList, "RelCode", "RelName").Title("Rel");
                       columns.Bound(p => p.DepDOB).Format("{0:dd-MMM-yyyy}").Title("Date of Birth");
                       columns.Bound(p => p.RelStartDate).Format("{0:dd-MMM-yyyy}").Title("Rel Start Date");
                       columns.Bound(p => p.RelEndDate).Format("{0:dd-MMM-yyyy}").Title("Rel End Date");
                       columns.Bound(p => p.EmailAddress).Title("Email");
                       columns.Bound(p => p.DepPassportNumber).Title("Passport Number");
                       columns.Bound(p => p.DepPassportExpDate).Format("{0:dd-MMM-yyyy}").Title("Passport Expiry Date");
                       columns.Bound(p => p.RPNumber);
                       columns.Bound(p => p.RPIssueDate).Format("{0:dd-MMM-yyyy}").Title("RP Issue Date");
                       columns.Bound(p => p.RPExpDate).Format("{0:dd-MMM-yyyy}").Title("RP Expiry Dates");
                   })

                   .Sortable()
                   .Resizable(resize => resize.Columns(true))

                   .DataSource(dataSource => dataSource
                       .Ajax()
                        .Batch(true)
                       .ServerOperation(false)
                       .Model(model =>
                       {
                           model.Id(m => m.DependantDetialId);

                       })
                       .Update(update => update.Action("employeedetails_Update", "Mycontroller")
                 .Data("additionalData"))
                 .Create(create => create.Action("employeedetails_Create", "Mycontroller")
                 .Data("additionalData"))
                 .Destroy(delete => delete.Action("employeedetails_Destroy", "Mycontroller")
             )
                 .Events(e => e.RequestEnd("DependentGrid_onComplete")
                 )
                   )
                   )

当我只需要日期而不需要时间时,我通常会为特定字段创建一个编辑器模板

在视图文件夹中,创建一个名为
EditorTemplates
的新文件夹。在您的情况下,可能是
/Views/Employees/EditorTemplates
。在该文件夹中,您创建了一个名为
RelStartDate.cshtml
的文件,我们将使用该文件来显示DatePicker控件

在新文件中添加以下行:

@model DateTime?
@(Html.Kendo().DatePicker()
    .Name("RelStartDate")
    .Value(Model == null ? DateTime.Now.Date : ((DateTime)@Model).Date)
)
要使用它,你只需要写

columns.Bound(p => p.RelStartDate).EditorTemplateName("EmployeeDate");

对我来说,这要容易得多。如果您使用的是MVC,在您的模型中,您只需告诉它使用
DataType.Date

[DataType(DataType.Date)]
public DateTime RelStartDate{ get; set; }
您需要
使用System.ComponentModel.DataAnnotations中包含这些标记


资料来源:

一份关于非洲发展模式的报告:

[UIHint("Date")]// o [DataType(DataType.Date)]
[Display(Name = "Fecha2")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "  {0:MM/dd/yyyy}")]

公共约会时间?fechastacunteaexenta{get;set;}

注意:如果您对旧的DateTimePicker进行了任何验证,则在kendo.web.js中可能会出现运行时错误:“使用此选项更改日期时,“'find(…).data(…)'为null或不是对象”。假设您执行
var容器=$(输入).recest(“tr”);var dateToValidate=container.find(“输入[name=RelStartDate]”).data(“kendoDateTimePicker”).value()-您需要将其改为
kendoDatePicker