Bootstrap Datepicker无法正常工作。

小提琴例如：http://jsfiddle.net/EmwFE/Bootstrap Datepicker无法正常工作。

所以我一直在试图让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>

来源

2013-03-29 weggie

你的JavaScript的“意图”是正确的，你可以在jQuery选择使用类的定义，它是绝对不需要使用的ID。但是你的例子包含2个错误： 1）ready函数不是“关闭”可能你错过了“}）;”最后。 2）您在输入中定义了2次“class”属性。 –

看看这个： jsfiddle

你打赌初始化一个包含一切的div ID。你没有瞄准任何东西！

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

来源

2013-03-29 23:41:33 Lughino

D'oh。谢谢先生。总是在学习......（有时比我应该慢） – weggie

没问题！只有那些无所作为的人才不会犯错误。 – Lughino

您没有设置ID。和其他以后可能会造成问题的东西，是输入两次定义的类属性，而不是列出每类用空格分隔同一属性：

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

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

我注意到你有一些javascript inline试图通过类$('.datepicker')来引用它，因为您的类属性定义了两次，而第二个定义被忽略，所以无法正常工作。使用的$('#datepicker') javascript面板无法工作，因为您没有在输入上设置ID。所以无论jquery选择器技术是否有效，你只需要解决元素的问题。

来源

2013-03-29 23:44:59 AaronLS

您在代码中遇到了几个问题。

你准备好（）调用
使用ID选择，而不是一个等级选择（指id="datepicker"，.datepicker到class="datepicker"）

Working example

来源

2013-03-29 23:46:32 jgillich

Lughino的解决方案产生后缺少括号对我来说有些奇怪的行为。我想你应该删除

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

和

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

而且在JavaScript对话框编写代码：

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

见jsfiddle。

来源

2013-08-02 15:51:25 Yatoom

对不起，我没有看到这已经提到。 – Yatoom

张贴的代码示例包含2错误：

1）函数就绪（）没有闭合：

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

2）输入元件具有 “类” 属性中定义的2倍：
（使用class属性在jQuery选择是完美的找到元素（一个或多个），无需使用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 with correction

来源

2017-03-05 22:17:27

Bootstrap Datepicker无法正常工作。

回答

相关问题