Javascript日期选择器asp.net mvc

我刚开始使用asp.net，我很高兴看到Html帮助程序可以制作日期编辑器，但我发现它与safari不兼容，所以我决定使用javascript日期选择器

因此，我安装了jquery.ui.combined，放置了每个（可能太多）渲染或

，并尝试使用以下代码制作一个日期选择器，但没有附加任何内容：

<script>
      $(function() {
        $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );
        $( "#locale" ).change(function() {
          $( "#datepicker" ).datepicker( "option",
            $.datepicker.regional[ $( this ).val() ] );
        });
      });
    </script>
     //more code 
    <input type="text" id="datepicker">

$（函数（）{
$（“#datepicker”）.datepicker（$.datepicker.regional[“fr”]）；
$（“#locale”）.change（函数（）{
$（“#日期选择器”）。日期选择器（“选项”，
$.datepicker.regional[$（this.val（）]）；
});
});
//更多代码

---

有人能解释一下原因吗？提前谢谢

下面是我建议你做的：

<script>
  $(function() {
    $("#datepicker").datepicker($.datepicker.regional['fr']);
    $("#locale").change(function() {
      var locale = $.datepicker.regional[$(this).val()];
      //destroy previose datapicker
      $("#datepicker").datepicker("destroy");
      //init new one
      $("#datepicker").datepicker(locale);
    });
  });

</script>

<select id="locale">
  <option val="fr">fr</option>
  <option val="en">en</option>
  <option val="ru">ru</option>
  <option val="de">de</option>
</select>
<input type="text" id="datepicker">

---

我想你已经得到了上面的答案。然而，将脚本放在js文件中是最好的做法

假设您创建了一个js文件，如下所示：

$.myApplication = {

  init: function(){

        $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );

        $( "#locale" ).change(function() {
        $( "#datepicker" ).datepicker( "option",
           $.datepicker.regional[ $( this ).val() ] );
        });     
  }

}

要在其中执行脚本的视图：

@section Scripts {
    <script type="text/javascript">
        $(function () {
            $.myApplication.init();
        })
    </script>
    }

布局：

 @Scripts.Render("~/bundles/CustomScripts")

---

你能在JSFIDLE上复制这个吗？不确定这是否是你想要的，但我不能做得更好，对我来说很好。您是否包括jquery和jquery UI？你是先包含Jquery然后再包含Jquery UI吗？我想我有

@Scripts.Render（“~/bundles/Jquery”）@Scripts.Render（“~/bundles/jqueryui”）

在我的_Layout.cshtml文件中，但我刚刚检查了一下，在我的BundleConfig.cs中，我没有jqueryui的条目，是吗？谢谢，但不是我的代码不起作用，这与我的导入有关，我找不到问题出在哪里…@MrPixel6您可以从示例中复制导入。然后找出你的问题所在，通过一个接一个地更改脚本，我已经复制了所有内容，但仍然无法工作只有一个空输入，没有日历：（@MrPixel6您应该将我在回答中提到的内容添加到您的标题部分。如果存在其他jquery版本，请删除它们。检查pls最终找到它…我是对的，只是脚本导入错误…谢谢您的帮助！

@section Scripts {
    <script type="text/javascript">
        $(function () {
            $.myApplication.init();
        })
    </script>
    }

bundles.Add(new ScriptBundle("~/bundles/CustomScripts").Include(
                  "~/Scripts/MyApp.js"));

 @Scripts.Render("~/bundles/CustomScripts")