Using Datepicker in bootstrap gives error: Object doesn't support property or method 'datepicker'

Question

<body>
    <div class="form-group col-xs-6">
    <label class="col-sm-2 control-label" for="exampleInputEmail">Date From:</label>
        <div class="col-sm-10">
            <input name="DATEFROM" id="dateFrom" type="date" class="form-control">
        </div>
    </div>

    <div class="form-group col-xs-6">
    <label class="col-sm-2 control-label" for="exampleInputEmail">Date To:</label>
        <div class="col-sm-10">
            <input name="DATETO" id="dateTo" type="date" class="form-control">
        </div>
    </div>
</body>

<script src="Scripts/jquery-2.1.4.min.js"></script>
<script src="Scripts/bootstrap.min.js"></script>
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript">
    // When the document is ready,Datepicker code below
    $(document).ready(function () {           
        $('#dateFrom').datepicker({
            format: "dd/mm/yyyy"
        });       
    });
</script>

最初有一个 body 标签，其中的日期字段被命名为 Date from 和 Date to 字段。

之后我在 bootstrap 中编写我的项目时包含了一些脚本。最后一个脚本用于日期选择器

但是当我加载我的页面时，日期选择器不会出现在 ie 中，但在 chrome 中工作得很好 它给出对象不支持方法或属性 'datepicker'

的错误

Answer 1

此问题完全与您加载 jquery 的 2 个不同版本有关。

您的代码适用于加载的一个版本：https://jsfiddle.net/329suzv9/

$(document).ready(function () {
    $('#dateFrom').datepicker({
        format: "dd/mm/yyyy"
    });
});

Using Datepicker in bootstrap gives error: Object doesn't support property or method 'datepicker'

Using Datepicker in bootstrap gives error: Object doesn't support property or method 'datepicker'

html

javascript

jquery

datepicker

twitter-bootstrap