ASP.NET MVC中jQuery Datepicker日期格式设置问题求助

看起来你遇到的核心问题是区域设置覆盖了自定义格式，再加上可能的元素ID不匹配、服务器端模型绑定格式不兼容，导致修改格式后要么不生效要么日期直接消失。咱们一步步来解决：

1. 修复jQuery Datepicker的配置顺序 #

你当前的代码先初始化了Datepicker，再设置区域默认值，这会导致$.datepicker.setDefaults($.datepicker.regional["he"])直接覆盖你之前指定的dateFormat。正确的顺序应该是先设置区域默认，再初始化Datepicker，同时明确指定格式确保生效：

$(document).ready(function () {
    // 先设置希伯来语区域默认，再初始化日期选择器
    $.datepicker.setDefaults($.datepicker.regional["he"]);
    
    $('#datepicker').datepicker({
        dateFormat: "dd/mm/yy", // 明确指定dd/mm格式，覆盖区域默认（如果需要）
        onSelect: function (dateText, inst) {
            $('#myDatePicker').val(dateText);
            $('#date_search_form').submit();
        }
    });
});

2. 确保TextBoxFor的ID和格式匹配 #

首先要确认@Html.TextBoxFor生成的输入框ID和jQuery选择器#datepicker一致——默认情况下，TextBoxFor生成的ID是属性名（比如Show_Date），所以要么给TextBoxFor指定ID，要么修改jQuery选择器：

// 方式1：给TextBoxFor指定ID为datepicker，和JS选择器匹配
@Html.TextBoxFor(x => x.Show_Date, "{0:dd/MM/yyyy hh:mm}", new { @id = "datepicker" })

// 方式2：修改JS选择器为默认生成的ID
// $('#Show_Date').datepicker({ ... })

这里要注意一个细节：.NET格式字符串里的MM代表两位月份，mm代表分钟；而jQuery Datepicker里的mm就是两位月份，两者符号有差异，要对应好！

3. 服务器端模型绑定与格式配置 #

当表单提交时，ASP.NET默认的模型绑定器可能会把dd/mm/yyyy识别成美式的mm/dd/yyyy，导致日期解析错误，甚至无法显示。可以通过以下两种方式解决：

给模型属性添加DisplayFormat特性 #

在你的模型类里，给Show_Date加上DisplayFormat特性，确保编辑模式下也应用指定格式：

using System.ComponentModel.DataAnnotations;

public class YourModel
{
    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy hh:mm}", ApplyFormatInEditMode = true)]
    public DateTime Show_Date { get; set; }
}

添加后，TextBoxFor会自动使用这个格式，你甚至可以简化代码为：

@Html.TextBoxFor(x => x.Show_Date, new { @id = "datepicker" })

配置Web.config的全球化设置 #

在web.config里添加全球化配置，让服务器端直接使用希伯来语区域的日期格式规则：

<configuration>
  <system.web>
    <globalization culture="he-IL" uiCulture="he-IL" />
  </system.web>
</configuration>

4. 最后一步：强制刷新浏览器缓存 #

有时候修改后的JS/CSS会被浏览器缓存，导致修改不生效。按下Ctrl+Shift+R强制刷新页面，确保加载最新的代码。

按照这些步骤调整后，应该就能正常显示dd/mm/yyyy hh:mm格式的日期了！

内容的提问来源于stack exchange，提问作者Kosta