Jquery 引导日期选择器不工作。

小提琴手：

所以我一直在努力工作，我想我是按照指示去做的，但是我无法让日历弹出

短暂性脑缺血发作

上面的Fiddle示例代码如下

                 <label class="control-label" for="input08"> 
                    My Start Date
                 </label>
                 <div class="controls">
                    <script type="text/javascript">
                        $(document).ready(function() {
                        $('.datepicker').datepicker();
                    </script>

                    <div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
                        <input class="span2" size="16" type="text" value="12-02-2012" class="datepicker">
                        <span class="add-on"><i class="icon-th"></i></span>
                    </div>

                </div>

我的开始日期
$（文档）.ready（函数（）{
$（'.datepicker'）.datepicker（）；

看看这个：

您可以选择包含所有内容的div的ID。 你什么都没有瞄准

$('#dp3').datepicker();

---

您没有设置ID。还有一点可能会在以后导致您出现问题，即输入定义了两次class属性，而不是在同一属性中用空格分隔列出每个类：

<input id="datepicker" class="span2 datepicker" size="16" type="text" value="12-02-2012">

---

我注意到您有一些javascript内联试图通过类

$（'.datepicker'）

引用它，但这不起作用，因为您定义了两次class属性，而忽略了第二个定义。javascript面板使用了

$（'#datepicker'））

因为没有在输入上设置ID，所以它不起作用。因此，jquery选择器技术中的任何一种都会起作用，您只需要修复元素的问题。

您的代码中有几个问题

• ready（）调用后缺少括号
• 使用id选择器而不是类选择器（

  #datepicker

  指的是

  id=“datepicker”

  ，

  。datepicker

  指的是

  class=“datepicker”

  ）

---

卢吉诺的解决方案让我产生了一些奇怪的行为。我想你应该删除它

<script type="text/javascript">
$(document).ready(function() {
$('.datepicker').datepicker();
</script>

并在javascript框中编写以下代码：

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

---

请参阅。

发布的代码示例包含2个错误：

1） 函数ready（）未关闭：

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

2） 输入元素定义了两次“class”属性：
（在jQuery选择器中使用class属性非常适合查找元素，无需使用id）

应该是

<input class="span2 datepicker" size="16" type="text" value="12-02-2012">

---

D'oh。谢谢，先生。总是在学习…（有时比我应该的慢）没问题！只有那些什么都不做的人才不会犯错误。您的JavaScript“意图”是正确的，您可以在jQuery选择器中使用样式类定义，绝对不需要使用ID。但是您的示例包含2个错误：1）ready函数未“关闭”可能你最后错过了“}）；”。2） 您已经在输入上定义了两次“class”属性。

<input class="span2" size="16" type="text" value="12-02-2012" class="datepicker">

<input class="span2 datepicker" size="16" type="text" value="12-02-2012">