从MVC Razor剑道网格日期列中删除时间
如何限制剑道日期时间选择器只允许选择日期 目前,日期选择器旁边会出现一个时钟图标,我不希望这样 以日期结尾的字段是“我的日期”列 所有日期字段都是可为空的日期列(即DateTime?) 谁能给我指出正确的方向吗 这是我的剃须刀:从MVC Razor剑道网格日期列中删除时间,razor,kendo-grid,Razor,Kendo Grid,如何限制剑道日期时间选择器只允许选择日期 目前,日期选择器旁边会出现一个时钟图标,我不希望这样 以日期结尾的字段是“我的日期”列 所有日期字段都是可为空的日期列(即DateTime?) 谁能给我指出正确的方向吗 这是我的剃须刀: @(Html.Kendo().Grid(Model.employeedetailsList) .Name("DependentGrid") .Columns(columns =>
@(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在页面顶部的code>中包含这些标记
资料来源:一份关于非洲发展模式的报告:
[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
。