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 field。

之后我已经包含了一些脚本，因为我在bootstrap中编写了我的项目。最后一个脚本适用于datepicker

但是当我加载我的页面时，datepicker没有出现，但在chrome中工作得非常好 它给出了Object不支持方法或属性'datepicker'

的错误

Answer 1

该问题与您加载2个单独版本的jquery完全相关。

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

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

在引导程序中使用Datepicker会产生错误：对象不支持属性或方法'datepicker'

1 个答案: