jQuery UI DateTimepicker，选择日期后日期格式更改

Question

我的视图模型绑定到我的 ASP.NET MVC 表单，

 public class JobViewModels
    {
        public DateTime StartTime { get; set; } = DateTime.Today.AddDays(-1);
        public DateTime EndTime { get; set; } = DateTime.Today;
    }

查看：

new AjaxOptions
{
    HttpMethod = "post",
    InsertionMode = InsertionMode.Replace,
    UpdateTargetId = "updatOverViewSection"
}))
                {

                        <tr>
                            <td class="form-group">
                                @Html.LabelFor(m => m.StartTime)
                                @Html.EditorFor(m => m.StartTime, new { @class = "form-control" })
                            </td>
                            <td class="form-group">
                                @Html.LabelFor(m => m.EndTime)
                                @Html.EditorFor(m => m.EndTime, new { @class = "form-control" })
                            </td>
                            <td>
                                <label></label>
                                <button type="submit" class="btn btn-primary">Search</button>
                            </td>
                        </tr>

                    </table>
                }
            </div>

在功能方面它工作正常。但是当我查看视图时，当页面呈现时，它看起来像以下，

但是当我从选择器中选择一个日期时间时，它的格式就会改变为跟随。现在我能想到的唯一方法是，在模型中有一个字符串 datetime 属性并调用 startDateTime.ToString("DD-MM-YYYY hh:MM:ss") ，但这似乎不是最有效的方法，我可能错了。

Answer 1

您可以使用this overload of @Html.TextBoxFor()，其中第二个参数是格式字符串，例如

@Html.TextBoxFor(m => m.StartTime, "{0:dd-MMM-yyyy hh:mm:ss tt}", new { @class = "form-control" })

或者，您可以将DisplayFormatAttribute 应用于您的属性，这将受到EditorFor() 方法的尊重

[DisplayFormat(DataFormatString = "{0:dd-MMM-yyyy hh:mm:ss tt}", ApplyFormatInEditMode = true)]
public DateTime StartTime { get; set; }

附带说明，您使用@Html.EditorFor(m => m.StartTime, new { @class = "form-control" }) 不会向表单控件添加类属性。应该是

@Html.EditorFor(m => m.StartTime, new { htmlAttributes = new { @class = "form-control" } })

但仅在 MVC-5.1 或更高版本中支持使用 EditorFor() 添加 html 属性