繁体   English   中英

未在Asp.net MVC的DateTime Picker中设置日期

[英]Date is not set in DateTime Picker in Asp.net MVC

我有一个编辑表单,在网格上单击,所有值都分配给相对字段,我有一个字段是DOB,我尝试在datepicker中分配DOB,但是DOB在datepicker中不分配,而我要弄错的是我听不懂

我正在使用c#使用Asp.net MVC

脚本

<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'></script>
<link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css'
      media="screen"/>
<!-- Bootstrap -->
<!-- Bootstrap DatePicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css"type="text/css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"type="text/javascript"></script>

<div class="row">
    <div class="form-group">
        @Html.LabelFor(model => model.DOB)
        @Html.TextBoxFor(model => model.DOB, new { @class = "form-control", @autocomplete = "off", @id = "SelectedDate" })
    </div>
</div>

JavaScript的

 $(function () {
    $("#SelectedDate").datepicker({ dateFormat: 'dd/mm/yy' });
});

在此处输入图片说明

请告诉我。

在html中更改

<div class="form-group">
        @Html.LabelFor(model => model.DOB)                                       
        @Html.EditorFor(model => model.DOB, new { htmlAttributes = new { @class = "form-control" } })
        @Html.ValidationMessageFor(model => model.DOB, "", new { @class = "text-danger" })
     </div>

模型

    [DisplayName("Birth Date")]
    [DataType(DataType.Date)]
    [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
    public DateTime DOB { get; set; }

要使用默认的镀铬日期选择器显示日期,您的模型需要两个属性:

  1. [DataType(DataType.Date)]结果
  2. [DisplayFormat(DataFormatString =“ {0:yyyy-MM-dd}”,ApplyFormatInEditMode = true)]。 chrome日期选择器需要格式yyyy-MM-dd

谢谢

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM