Question

好吧，我在其他答案中尝试过几乎所有的东西。

我在我的MVC表单上使用jQueryUI datepicker，它也使用了knockout。我想只显示日期，而不是时间。

继承我的标记：

<div class="editor-label">
        @Html.LabelFor(model => model.StartDate.Date)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.StartDate.Date, new { @class = "date-picker", id = "StartDate", data_bind = "value: StartDate" })
        @Html.ValidationMessageFor(model => model.StartDate.Date)
    </div>

然后在我的模型中我设置了数据类型：

    [Required]
    [DataType(DataType.Date)]
    public DateTime StartDate { get; set; }

在document.ready中的datepicker jquery中，我设置了格式：

$(".date-picker").datepicker({ dateFormat: "dd/mm/yy" });

然而，当页面加载时，它仍然显示时间（12:00 AM）和日期。我怎么能摆脱这个？

Answer 1

尝试将文本框的类型设置为日期。使用这些属性只适用于编辑器而不是文本框。

Answer 2

之后尝试添加：

$(".date-picker").datepicker("setDate", new Date("@Model.StartDate"));

Answer 3

将日期值输出为StartDate.ToShortDateString()

带有MVC和knockout js的jQueryUI datepicker

3 个答案: