Bootstrap Datepicker不允许dd-mm-yyyy

时间:2013-09-22 21:29:10

标签: asp.net-mvc twitter-bootstrap datepicker

<input class="datepicker" data-date-format="dd/mm/yyyy" data-val="true" data-val-date="The field Date must be a date." data-val-required="The Date field is required." id="Date" name="Date" type="text">

我在这里指导了data-date-format =“dd / mm / yyyy”。 https://github.com/eternicode/bootstrap-datepicker#example

问题是它不允许dd / mm / yyyy格式通过。 如果重要的话,我正在使用asp.net mvc。

1 个答案:

答案 0 :(得分:2)

在您的模型中,您是否为您的字段设置了以下数据注释:

    [DataType(DataType.Date), DisplayFormat(NullDisplayText="", DataFormatString = " {0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
    [Column(TypeName = "Date")]
    public DateTime myDate { get; set; }

您还应该在system.web下的web.config中找到:

<globalization culture="en-AU" uiCulture="en-AU" />

如果您想进行客户端验证,还应包括https://github.com/jquery/globalize

<script type="text/javascript" src="/content/scripts/globalize.js"></script>
<script type="text/javascript" src="/content/scripts/globalize.culture.en-AU.js"></script>

最后,我为Date字段创建了一个EditorTemplate:

/Views/Shared/EditorTemplates/date.cshtml:

@model DateTime
@Html.TextBox("", Model.ToShortDateString(), new { @class = "datepicker"})