jQuery UI datepicker 不适用于 asp.net mvc答案

【问题标题】：jQuery UI datepicker not working with asp.net mvcjQuery UI datepicker 不适用于 asp.net mvc
【发布时间】：2015-01-12 13:37:50
【问题描述】：

我正在使用带有 Jquery 日期选择器的 ASP.Net MVC。

这是我的模型类

public class myViewModel
{
   public DateTime? FromDate {get;set;}
   public DateTime? ToDate {get;set;}
}

这是我的视图类

@model testApp.myViewModel

@Html.TextBox("FromDate","{0:MM/dd/yyyy}", new { @class = "datepicker" })
@Html.TextBox("ToDate","{0:MM/dd/yyyy}", new { @class = "datepicker" })

和jQuery

<script>
    $(function () {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true
        });
    });
</script>

现在的问题是每当我的页面加载时，默认日期都不会显示在文本框中，而是在两个文本框中显示“{0:MM/dd/yyyy}”

那么如何在 FromDate 和 ToDate 文本框中显示和绑定当前日期值？

谢谢

【问题讨论】：

控制台有错误吗？页面中是否包含 jquery 和 jquery UI？
控制台没有错误，我在页面上添加了jquery和jqueryUI
可能重复：stackoverflow.com/a/22559270/526704
不，我没有绑定模型中的数据。我只使用@Html.TextBox()。我不想使用@Html.TextBoxFor()
您使用@Html.Textbox() 的重载，其中第二个参数是value（显示）。您可能会将其与 @Html.TextBoxFor() 混淆，其中第二个参数是 format

标签： c# asp.net asp.net-mvc jquery-ui-datepicker

【解决方案1】：

使用这个，

<script>
    $(function () {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            setDate : new Date()
        });
    });
</script>

【讨论】：

【解决方案2】：

确保您的模型中包含以下 using 语句

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

改变模型如下

[Display(Name = "Date")]
    [DisplayFormat(DataFormatString = "{0:MM/dd/yyy}", ApplyFormatInEditMode = true)]
    public Nullable<System.DateTime> Date { get; set; }

你的 JQuery 是

<script>
$(function () {
    $(".datepicker").datepicker({ dateFormat: "MM/dd/yy", changeMonth: true, changeYear: true });
});
</script>

而视图类是

@Html.TextBoxFor(model => model.FromDate, "{0:MM/dd/yyyy}", new { id = "datepicker" })

@Html.TextBoxFor(model => model.ToFromDate, "{0:MM/dd/yyyy}", new { id = "datepicker" })

【讨论】：