jQuery日期选择器 - 不要弹出

我可以开始，我很盲目，但我不能在自己的代码中找到失败，请有人找到一分钟，告诉我我到底在做什么？jQuery日期选择器 - 不要弹出

代码看起来总的来说对我来说确实不错，但是这个事实并没有影响到这个事实。

代码如下所示：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 

<div class="date-form"> 

<div class="form-horizontal"> 
    <div class="control-group"> 
     <label for="date-picker-2" class="control-label">B</label> 
     <div class="controls"> 
      <div class="input-group"> 
       <input id="date-picker-2" type="text" class="date-picker form-control" /> 
       <label for="date-picker-2" class="input-group-addon btn"><span class="glyphicon glyphicon-calendar"></span> 

       </label> 
      </div> 
     </div> 
    </div> 
    <div class="control-group"> 
     <label for="date-picker-3" class="control-label">C</label> 
     <div class="controls"> 
      <div class="input-group"> 
       <label for="date-picker-3" class="input-group-addon btn"><span class="glyphicon glyphicon-calendar"></span> 

       </label> 
       <input id="date-picker-3" type="text" class="date-picker form-control" /> 
      </div> 
     </div> 
    </div> 
</div> 

    <hr /> 
</div> 


<script> 
$(".date-picker").datepicker(); 

$(".date-picker").on("change", function() { 
    var id = $(this).attr("id"); 
    var val = $("label[for='" + id + "']").text(); 
    $("#msg").text(val + " changed"); 
}); 
</script>

和小提琴这里： http://jsfiddle.net/bbm035nx/1/

不幸的是，我们这里有一个问题，日期选择器甚至不弹出，看上去没有发现jQuery的，但为什么或发生了什么？我没有任何线索。请大家可以试试看吗？

谢谢大家，再次抱歉，愚蠢的问题。

来源

2015-02-08 Andurit

你在哪里，包括jQuery的用户界面？ – beck03076 2015-02-08 15:54:39

第3行从开始贝克:) – Andurit 2015-02-08 15:56:40

这就是只有jquery没有jquery-ui ..检查这个..http：//jqueryui.com/ – beck03076 2015-02-08 15:58:51

请看右侧面板。你忘了包含必要的库。按顺序添加它们（jQuery> jQueryUI> Bootstrap）并且它可以完成所有工作！

<head> 
    <meta content="text/html; charset=UTF-8" http-equiv="content-type"> 
    <script src="//code.jquery.com/jquery-1.11.0.js" type="text/javascript"> 
    <link href="https://code.jquery.com/ui/1.11.2/themes/black-tie/jquery-ui.css" type="text/css" rel="stylesheet"> 
    <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js" type="text/javascript"> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js" type="text/javascript"> 
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" type="text/css" rel="stylesheet"> 
</head>

http://jsfiddle.net/bbm035nx/2/

来源

2015-02-08 20:29:13

jQuery日期选择器 - 不要弹出

回答

相关问题