如何在 mvc3 中只显示日期？答案

【问题标题】：How to display only date in mvc3?如何在 mvc3 中只显示日期？
【发布时间】：2012-09-23 10:20:35
【问题描述】：

我使用过 Jquery UI 日期选择器。我的模型看起来像：

 [DataType(DataType.Date)]
 public DateTime? endDate { get; set; }

用于在视图中显示

@Html.TextBoxFor(x => x.endDate, new { @class = "datepicker" })

脚本

<script type="text/javascript" language="javascript">
    $(document).ready(function () {
        $(function () {
            $(".datepicker").datepicker({
                dateFormat: "mm/dd/yy",
                changeMonth: true,
                changeYear: true
              });
        });
    });
</script>

当显示日期时间时，它看起来像 2012 年 11 月 9 日上午 12:00:00 我只想显示没有时间的日期。感谢您的帮助。

【问题讨论】：

标签： jquery asp.net-mvc-3

【解决方案1】：

您可以通过日期时间选择器以所需格式解析日期。在javascript中试试这个：

$(document).ready(function(){
    $("#endDate").val($.datepicker.parseDate('mm/dd/yy', $("#endDate").val()));

    // Existing stuff
});

您也可以使用$.datepicker.formatDate。

示例：

$("#endDate").val($.datepicker.formatDate('dd-M-yy', new Date($("#endDate").val())));

DEMO

祝你好运！！

【讨论】：

【解决方案2】：

[DisplayName("Start Date")]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:MM/dd/yyyy}")]
public DateTime StartDate { get; set; }

Date only from TextBoxFor()

【讨论】：

【解决方案3】：

使用这个

@Html.TextBoxFor(x => x.HasValue ? x.Value.ToString("MM/dd/yy") : string.Empty, new { @class = "datepicker" })

您可以从这里选择您喜欢的任何格式： http://msdn.microsoft.com/en-us/library/8kb3ddd4.aspx

【讨论】：

对于“09-Nov-12”，使用“dd-MMM-yy”
糟糕.. 抱歉，没有观察到它可以为空。我现在已经更新了代码。

【解决方案4】：

您可以使用上述任何一种方法，例如将其格式化为输出，但是在显示它时真的需要返回 DateTime 属性吗？显示@Html.TextBoxFor(x => x.endDate.Date 不是更高效吗？

【讨论】：

【解决方案5】：

对于DateTime，我更喜欢使用EditorTemplate：

@model DateTime?

@Html.TextBox("", (Model.HasValue ? Model.Value.ToString("MM/dd/yyyy") : string.Empty), new { @class = "datepicker" })

【讨论】：

【解决方案6】：

我使用 EditorFor 而不是 TextBoxFor

@Html.EditorFor(x => x.endDate, new { @class = "datepicker" })

在工作正常的视图中。

【讨论】：