使用 datepicker 将日期插入数据库答案

【问题标题】：Using datepicker to insert date into database使用 datepicker 将日期插入数据库
【发布时间】：2017-09-15 05:18:53
【问题描述】：

我是 asp.net MVC 5 的新手。我的数据库中有一个类型为 DateTime 的列，我想使用 datepicker 将日期插入其中。但是，它给了我一个错误。 the error

我的模型是这样的

[Display(Name = "Found Date")] public System.DateTime foundDate { get; set; }

我的看法是

    <div class="form-group">
        @Html.LabelFor(model => model.foundDate, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            @Html.EditorFor(model => model.foundDate, new { htmlAttributes = new { @class = "form-control" } })
            @Html.ValidationMessageFor(model => model.foundDate, "", new { @class = "text-danger" })
        </div>
    </div>

脚本

$(document).ready(function () { $("#foundDate").datepicker( {dateformat: 'dd/MM/yyyy'} ); });

应该将哪种日期格式传递给数据库中的日期时间？如何更改它以匹配日期选择器的返回类型？

任何解决此问题的帮助将不胜感激。

【问题讨论】：

标签： c# asp.net-mvc datepicker razorengine

【解决方案1】：

你配置好了

$("#foundDate").datepicker( {dateformat: 'dd/MM/yyyy'} );

但输入在MM/dd/yyyy。

【讨论】：

【解决方案2】：

您可以尝试使用 DataAnotaions 指定日期时间格式

[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]

你也可以使用传统的 HTML5 日期时间控制，只需在数据注释的帮助下指定模型属性的 DataType，而不是像 jquery 日期时间选择器一样

[DataType(DataType.DateTime)]

希望对你有所帮助

【讨论】：

感谢您的建议。我在模型中声明了数据类型并解决了问题。

【解决方案3】：

首先下载 globalize.js 、 globalize.culture.en-GB.js 文件并将这些文件链接到您的 Html 页面中。最后将以下代码粘贴到您的脚本标签中。

<script src="~/Scripts/globalize.js"></script>
<script src="~/Scripts/globalize.culture.en-GB.js"></script>
$(document).ready(function () {
    $.culture = Globalize.culture("en-GB");
    $.validator.methods.date = function (value, element) {
        return this.optional(element)
            || Globalize.parseDate(value, "dd/MM/yyyy", "en-GB")
            || Globalize.parseDate(value, "yyyy-mm-dd");
    }
$("#foundDate").datepicker( {dateformat: 'dd/MM/yyyy'} );
});

【讨论】：