Question

我想在我的MVC-Form

中使用Data Picker作为数据时间字段

我使用以下代码获取数据时间值

[Required(ErrorMessage="Please enter the Absence Start Date")]
    [StringLength(20,ErrorMessage="The Format must not exceed 50 Characaters")]
    [DataType(DataType.DateTime )]
    [Display(Name="Absence Start Date")]
    public DateTime AbsenceStartDate{get;set;}

但我希望在文本框旁边有数据删除控件。我怎么能这样做？

任何帮助

谢谢

Answer 1

jQuery UI库中提供了一个好的客户端日期选择器：http://jqueryui.com/demos/datepicker/

Answer 2

您可以在asp.net mvc中使用jQuery UI datepicker和DateTime编辑器模板。看看Sample。实际上，你应该使用编辑模板

Answer 3

我会使用客户端日期选择器。 jQuery有很多可用的东西。然后使用ASP.NET MVC以日期的形式将输入验证为文本。

Answer 4

您可以创建扩展方法，如下所示：

 public static MvcHtmlString CalenderTextBoxFor<TModel, TProperty>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TProperty>> expression)
    {
        return htmlHelper.TextBoxFor(expression, "{0:M/dd/yyyy}", new { @class = "datepicker text" });
    }

然后在视图中使用如下：

@Html.CalenderTextBoxFor(model => model.Employee.HireDate)

MVC ASP.NET中的日期选择器

4 个答案: