为什么jQueryUI datepicker在页面重新加载时交换日期和月份？

Question

我有一个 MVC3 应用程序，其中一个页面有一个jQuery datepicker：

<script>
    $(function () {
        $("#expirationDate").datepicker();
        $("#expirationDate").datepicker("option", "dateFormat", "dd/mm/yy");
    });
</script>

using (Html.BeginForm())
{
    @Html.TextBox("expirationDate")
    <input type="submit" value="Submit" />
}

控制器动作如下：

public ActionResult DoStuff(String expirationDate)
{
    return View();
}

日期选择器看起来不错，但行为却很奇怪。

我在其中输入了一些日期，例如 2012 年 12 月 31 日为 12 月 31 日（注意我指定格式为 dd/mm/yy）并按下按钮。控制进入控制器，我看到expirationDate 变量保存31/12/2012 值。然后操作返回，然后我看到文本框为空。

然后我尝试 2012 年 10 月 12 日 - 它开始执行操作，但是当页面再次显示时，它变成了 12/10/2012 - 显然月份和日期被交换了。也许在 31/12 的情况下，它发现交换它们会产生一个无效的日期并丢弃它。

尽管明确指定了格式，为什么日期和月份会被交换？

Answer 1

这是我修复它的方法。我变了

$("#expirationDate").datepicker();
$("#expirationDate").datepicker("option", "dateFormat", "dd/mm/yy");

到

$("#expirationDate").datepicker({ dateFormat: 'dd/mm/yy' });

现在它工作得很好。

我的猜测是原始代码被破坏了。原始代码不是我制作的，是在 the datepicker page 上找到的。

Answer 2

dd/mm/yy 的 javascript 格式为 01/12/2012

在 javascript 中 yy 与 yyyy 具有相同的结果（这是因为 getYear() 已被 getFullYear() 弃用

如果您只想获得年份的最后 2 位数字，则需要自己进行中断，或者在 javascript 中，例如：

$(function() {

  $( "#datepicker" ).datepicker({
    changeMonth: true,
    onClose: function( selectedDate ) {
      var dt = new Date(selectedDate),
          txt = (dt.getDate() + 100).toString().slice(1) + "/" + 
                (dt.getMonth() + 101).toString().slice(1) + "/" + 
                (dt.getFullYear()).toString().slice(2);

       $( "#datepicker" ).val(txt);
    }
  });

  $( "#datepicker" ).datepicker( 
    "option", "dateFormat", "dd/mm/yy" 
  );

});

但您指定您使用的是 ASP.NET，我更愿意在 .NET 中完成此操作

string dt = Request["expirationDate],
       expDate = DateTime.Parse(dt).ToString("dd/mm/yy");