使用日期时间和日期选择器

Question

我想在我的 asp.net mvc web 应用程序上测试数据纠察队。

1.所以我创建了以下测试模型：-

public class TestClass
    {
        [DataType(DataType.Date)]
        public DateTime D { get; set; }
    }

2.我添加了以下脚本：-

  $(function () {
    $(".datefield").datepicker();
});

3.在我看来，我有以下几点：-

@model MvcApplication6.Models.TestClass


@Html.EditorFor(item=>item.D)

现在日历会显示得很好，但是我有这两个问题：-

1.如果在操作方法中我指定数据时间等于今天日期如下：-

 public ActionResult Index()
            {
                TestClass t = new TestClass();
               t.D = DateTime.Now.Date;

                return View(t);
            }

然后日历会切换日期和月份，因此 6 月 12 日变为 12 月 6 日如下：-

2.如果我删除 dataitme 等于今天的日期，我将得到以下默认值：-

01/01/0001

3.如果我指定允许 null 的日期时间，并且我没有指定任何默认值，我将得到以下异常

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

传入字典的模型项为空，但是这个字典 需要“System.DateTime”类型的非空模型项。

那么任何人都可以就导致这三个问题的原因提出建议吗？ 谢谢

编辑 好的，我将我的属性更改为 String 而不是 date-time ，如下所示：-

[DataType(DataType.Date)]
        [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
        public string CreateDate { get; set; }

但这并没有解决数据验证问题，我仍然无法输入日期，例如 26/06/2014 ！ 所以我尝试删除[DataType(DataType.Date)]，所以我的财产变成：-

    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}", ApplyFormatInEditMode = true)]
    public string CreateDate { get; set; }

但是以这种方式不会填充日期选择器，因为日期选择器被定义为填充日期类型的字段，我想我错过了一些东西，在我对事情应该如何工作的理解中？

Answer 1

主要问题是本地化。 datepicker 小部件默认采用浏览器设置的本地化，我猜它设置为“美国英语”，日期格式为“MM/DD/YYYY”。 The documentation 指定小部件的默认日期格式为“mm/dd/yy”。请注意，jQuery DatePicker 的日期格式与 .Net Framework 使用的日期格式不同。更改构造函数：

$(function () {
    $(".datefield").datepicker({ dateFormat: "dd/mm/yy" });
});

然而，问题将转移到 jQuery Validation 插件上，它可能无法理解发生了什么。您可以编写自己的验证方法并覆盖默认的验证方法，或者使用字符串而不是实际日期来解决问题。

---

EDIT（解决您的编辑问题）：
请查看此fidlle。我没有做任何特别的事情。只有一个 input 元素具有特定值“13/06/2014”（2014 年 6 月 13 日）。当您在输入中单击时，会弹出 jQuery Datepicker 并选择正确的日期。

您的模型中现在有一个string 属性。您不需要任何其他引用DateTime 对象的数据注释。 Razor 将为您的属性创建一个input 元素并在其中设置值。而已。您唯一需要做的就是转换从数据库加载的实际 DateTime 对象，具有适当的格式：

public ActionResult DisplayMyData()
{
    MyModelType model = new MyModelType();
    DateTime createDateDBObject = //get the date from your database

    model.CreateDate = createDateDBObject.ToString("dd/MM/yyyy");
    //or, for setting the current date
    //model.CreateDate = DateTime.Now.ToString("dd/MM/yyyy");

    return View(model);  
}

这个next fiddle 向您展示了如何将您的输入设为readonly。这意味着用户不能直接输入日期。他们必须改用 Datepicker。这反过来意味着您将始终将正确的日期格式（“dd/MM/yyyy”）返回给控制器。

---

编辑编号。 2（寻址模板） 我真的很高兴您为DateTime 创建了自己的模板。这就是我一直在做的事情，而且解决一个相对大的问题需要很少的努力。在我们（您）的情况下，这使事情变得更加简单。您需要做的是告诉 Razor 引擎使用您为 DateTime 对象编写的模板。为此，只需将DataType 属性添加到表示“字符串日期”的每个属性：

[DataType("your_template_name")]
public string CreateDate { get; set; }

另外，如果您在模板中设置了@model DateTime，请更改为@model string。如果您打算将类用作 jQuery ($(".datefield")) 的选择器，请确保您的模板在每个输入上都设置了类。

Answer 2

1) 问题

原因：您的浏览器/JQUI 默认采用 dd/mm/yy 并且您正在传递 mm/dd/yy 格式。

因此出现了这个问题 解决方案

public ActionResult Index()
            {
                TestClass t = new TestClass();
               t.D = DateTime.Now.ToString("MM/dd/yyyy");

                return View(t);
            }

或 和@andri 一样

  $(".datefield").datepicker({ dateFormat: "dd/mm/yy" });

2）如果我删除 dataitme 等于今天的日期，我将得到以下默认值：

原因：您将日期时间作为数据类型。因此您不能分配任何值，那么默认情况下它将采用 01/01/0001

解决方案赋值，同1解决方案

3)因为你在那里给出了日期时间数据类型，因为它需要任何值作为日期时间格式

Answer 3

您可以将日期更改为操作结果中所需的格式，如下所示：

public ActionResult Index()
            {     
TestClass t = new TestClass();
            string dt = DateTime.Now.ToString("MM/dd/yyyy");
            t.D = DateTime.ParseExact(dt, "d/MM/yyyy", null, System.Globalization.DateTimeStyles.None);
            return View(t);
}