jQuery日期選擇器-不彈出

Question

首先，我非常盲目，但是我找不到自己的代碼失敗，請有人可以告訴我我到底在做什么錯嗎？

對我來說，代碼看起來完全可以，但是盡管如此，但事實並非如此。

代碼如下：

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

不幸的是，這里有一個問題，datepicker甚至沒有彈出，看起來沒有找到jquery，但是為什么還是會發生什么呢？ 我沒有任何線索。 拜托大家可以嘗試看看嗎？

謝謝大家，再次為愚蠢的問題感到抱歉。

Answer 1

請查看右側面板。 您忘記了包含必要的庫。 按順序添加它們（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/

jQuery日期選擇器-不彈出

問題描述

1 個解決方案

解決方案1
0 2015-02-08 20:29:13

jQuery日期選擇器-不彈出

問題描述

1 個解決方案

解決方案1 0 2015-02-08 20:29:13

解決方案1
0 2015-02-08 20:29:13