部分视图MVC4中的jquery数据采集器

我使用了引导数据采集器，它工作得很好，但是当我尝试在部分视图中使用它时，它没有工作。在我看来，我是这样认为的：

文档中的相同代码已在我的部分中准备就绪，但不起作用

字段数据选择器：

>  <div class="input-append date" id="datepicker" data-date="dateValue: Customer.DateOfBirth"
> data-date-format="mm/dd/yyyy">
>                 @Html.TextBoxFor(model => model.InicioServ, new { @class = "form-control input-sm add-on", id = "InicioServ" })
>             </div>

>数据日期格式=“mm/dd/yyyy”>
>@Html.TextBoxFor（model=>model.InicioServ，新的{@class=“formcontrolinput-sm-add-on”，id=“InicioServ”}）
>             

我认为问题在于您是按id查找的，dom只保留一个id，而忽略第二个id

通过如下设置类名来添加日期选择器：

$(document).ready(function () {
        $('.datepicker').datepicker();
});

@TextBoxFor（model=>model.InicioServ，新的{@class=“formcontrolinput-sm-add-on”，id=“InicioServ”}）

---

我也会给它们不同的Id以保持它们的独立性，否则您可能会遇到dom问题。

我认为问题在于您正在按Id查找，而dom只保留一个Id，而忽略了第二个Id

通过如下设置类名来添加日期选择器：

$(document).ready(function () {
        $('.datepicker').datepicker();
});

@TextBoxFor（model=>model.InicioServ，新的{@class=“formcontrolinput-sm-add-on”，id=“InicioServ”}）

---

我也会给它们不同的Id以保持它们的独立性，否则您可能会遇到dom问题。

我认为问题在于您正在按Id查找，而dom只保留一个Id，而忽略了第二个Id

通过如下设置类名来添加日期选择器：

$(document).ready(function () {
        $('.datepicker').datepicker();
});

@TextBoxFor（model=>model.InicioServ，新的{@class=“formcontrolinput-sm-add-on”，id=“InicioServ”}）

---

我也会给它们不同的Id以保持它们的独立性，否则您可能会遇到dom问题。

我认为问题在于您正在按Id查找，而dom只保留一个Id，而忽略了第二个Id

通过如下设置类名来添加日期选择器：

$(document).ready(function () {
        $('.datepicker').datepicker();
});

@TextBoxFor（model=>model.InicioServ，新的{@class=“formcontrolinput-sm-add-on”，id=“InicioServ”}）

我也会给它们不同的Id，以保持它们的独立性，否则您可能会遇到dom问题。

如果您对a没问题，请签出，使用它您可以编写类似这样的内容，这样就可以了：

@Html.Bootstrap().TextBoxFor(x => x.Date).DatePicker()

如果您对a没问题，请签出，使用它您可以编写如下内容，它将正常工作：

@Html.Bootstrap().TextBoxFor(x => x.Date).DatePicker()

如果您对a没问题，请签出，使用它您可以编写如下内容，它将正常工作：

@Html.Bootstrap().TextBoxFor(x => x.Date).DatePicker()

如果您对a没问题，请签出，使用它您可以编写如下内容，它将正常工作：

@Html.Bootstrap().TextBoxFor(x => x.Date).DatePicker()

---

将以下jQuery放在基本视图中，而不是局部视图中

<script>
      $(document).ready(function () { 
          $(document).on('focus', '#datepicker', function () {
              $(this).datepicker();
          });
      });
</script>

$（文档）.ready（函数（）{
$（文档）.on（'focus'，'#datepicker'，函数（）{
$（this.datepicker（）；
});
});

---

当动态加载部分视图并加载页面时，这将起作用。

将以下jQuery放在基本视图中，而不是部分视图中

<script>
      $(document).ready(function () { 
          $(document).on('focus', '#datepicker', function () {
              $(this).datepicker();
          });
      });
</script>

$（文档）.ready（函数（）{
$（文档）.on（'focus'，'#datepicker'，函数（）{
$（this.datepicker（）；
});
});

---

当动态加载部分视图并加载页面时，这将起作用。

将以下jQuery放在基本视图中，而不是部分视图中

<script>
      $(document).ready(function () { 
          $(document).on('focus', '#datepicker', function () {
              $(this).datepicker();
          });
      });
</script>

$（文档）.ready（函数（）{
$（文档）.on（'focus'，'#datepicker'，函数（）{
$（this.datepicker（）；
});
});

---

当动态加载部分视图并加载页面时，这将起作用。

将以下jQuery放在基本视图中，而不是部分视图中

<script>
      $(document).ready(function () { 
          $(document).on('focus', '#datepicker', function () {
              $(this).datepicker();
          });
      });
</script>

$（文档）.ready（函数（）{
$（文档）.on（'focus'，'#datepicker'，函数（）{
$（this.datepicker（）；
});
});

---

---

当动态加载部分视图和页面加载时，这将起作用。

在帖子中因分心而写得很差，不是解决方案我的问题不是id，因为我有不同的id。我认为它没有加载部分准备好的文档。那么这一行是根据Id加载的$（“#datepicker”）.datepicker（）；它将只加载id为datepicker的日历，您需要针对一个类加载它，或者有两个id日期选择器调用。是的，我知道，要解决这个问题，我有：

$（document）。ready（函数（）{for（var i=0；i Nice one，请接受并投票支持我的答案。第二个答案我是正确的。：）我的问题不是id的问题，因为我有不同的id。我认为它没有加载文档准备就绪。好了，这一行是针对id加载的（“#datepicker”）。datepicker（）；它将只加载id为datepicker的日历，您需要针对一个类加载它，或者有两个id日期选择器调用。是的，我知道，要解决这个问题，我有：
$（document）.ready（函数（）{for（var i=0；i Nice one，请接受并投票支持我的答案。第二个答案我是正确的：）我的问题不是id的问题，因为我有不同的id。我认为它没有加载文档准备就绪。好了，这一行是针对id加载的（“#datepicker”）。datepicker（）；它将只加载id为datepicker的日历，您需要针对一个类加载它，或者有两个id日期选择器调用。是的，我知道，要解决这个问题，我有：
$（document）.ready（函数（）{for（var i=0；i Nice one，请接受并投票支持我的答案。第二个答案我是正确的：）我的问题不是id的问题，因为我有不同的id。我认为它没有加载文档准备就绪。好了，这一行是针对id加载的（“#datepicker”）。datepicker（）；它只加载id为dat的日历