6

小提琴前：http: //jsfiddle.net/EmwFE/

所以我一直在尝试让datepicker工作，我认为我正在按照指示进行操作，但我无法让日历弹出。

TIA

下面的代码上面的小提琴示例。

                 <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>
4

5 回答 5

8

看这个： jsfiddle

您打赌初始化包含所有内容的 div 的 ID。你什么都没瞄准！

$('#dp3').datepicker();
于 2013-03-29T23:41:33.930 回答
5

您的代码中有几个问题。

  • 在您的 ready () 调用后缺少括号
  • 使用 id 选择器而不是类选择器（#datepicker指id="datepicker", .datepickerto class="datepicker"）

工作示例

于 2013-03-29T23:46:32.263 回答
3

您没有设置 ID。稍后可能会导致您出现问题的其他事情是，输入具有两次定义的类属性，而是将每个类列出在同一属性中，并用空格分隔：

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

http://jsfiddle.net/EmwFE/2/

我注意到您有一些 javascript 内联试图按类引用它，$('.datepicker')但由于您定义了两次类属性而忽略了第二个定义，所以这不起作用。使用的 javascript 面板$('#datepicker')不起作用，因为您没有在输入中设置 ID。因此，无论哪种 jquery 选择器技术都可以，您只需要解决元素的问题。

于 2013-03-29T23:44:59.427 回答
0

Lughino 的解决方案给我带来了一些奇怪的行为。我认为你应该删除

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

和

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

并在 javascript 框中写下这段代码：

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

见jsfiddle。

于 2013-08-02T15:51:25.020 回答
0

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

1）函数ready()没有关闭：

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

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

<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">

带有更正的jsfiddle

于 2017-03-05T22:17:27.010 回答