gpt4 book ai didi

c# - Asp.net MVC 中的日期时间选择器中未设置日期

转载 作者:行者123 更新时间:2023-12-03 23:00:16 26 4
gpt4 key购买 nike

我有一个编辑表单,网格上单击,所有值分配给相关字段,我有一个字段是 DOB,我尝试在日期选择器中分配 DOB,但 DOB 不会在日期选择器中分配&我将在哪里出错,我无法理解

我正在使用 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' });
});

enter image description here

请告诉我。

最佳答案

改变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; }

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

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

谢谢

关于c# - Asp.net MVC 中的日期时间选择器中未设置日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55473015/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com