[asp.net-mvc]一把Razor页上的多个 jQuery 日期输入

发布时间: 2016/10/9 6:17:34
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

所以我生成 datepickers 在多个项目在我的 mvc 页面 (基于前一页的数据定义的金额。

目前,只有最后一个 textbox 上有可用之上。

我第一次为每个项生成 datepicker 函数。

  @for (int p = 0; p < Model.InputParameters.Count; p++)
  {
      if (Model.InputParameters[p].DatePicker))
      {
            var name2 = "#datepicker"+p;

            <script type="text/javascript">
                var jsondetail2 = '@Html.Raw(Json.Encode(name2))';
                var newname2 = JSON.parse(jsondetail2);
                $(function () {
                    $(newname2).datepicker();
                });
            </script>
      }
}

然后后来把她们画出来。

 var id = "datepicker" + i;
 @Html.TextBoxFor(modelitem => Model.InputParameters[i].Value, DateTime.Now.ToString("dd/MM/yyyy"), new { @id = id})

Firebug 中有没有错误,javascript 获取为每个 datepickers 生成但只有最后一个曾经引起火灾。 Im 难倒,仍然学习 javascript,所以任何解释与答案将不胜感激 ! 谢谢你们,谢谢。

解决方法 1:

经过大量的谷歌搜索周围这解决了它。

生成每个文本框中的我的 for 循环,如下所示。

         var id = "datepicker" + i;
         @Html.TextBoxFor(modelitem => Model.InputParameters[i].Value,DateTime.Now.ToString("dd/MM/yyyy"), new { @id = id, @class = "datepicker"})

和新的 javascript (doc 准备是必需的 IE6,7)

    $(document).ready(function () {
        $('.datepicker').each(function () {
            $(this).datepicker({ dateFormat: "dd/mm/yy" });
        });
    });  
官方微信
官方QQ群
31647020