jQuery日期选择器 - 不要弹出

时间:2015-02-08 15:50:50

标签: javascript 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/

不幸的是,我们遇到了一个问题,即使是poppicker,看起来也没有找到jquery,但是为什么或者会发生什么?我没有线索。请大家有人试着看看吗?

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

1 个答案:

答案 0 :(得分:0)

请查看右侧面板。你忘了包含必要的库。按顺序添加它们(jQuery&gt; jQueryUI&gt; 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/