Question

我正在尝试将Vitalets datepicker插入到我的解决方案中，但每当我尝试这样做时，它都会返回错误“Object不支持属性或方法datepicker”。

我在网上看了一下，到目前为止，问题似乎已经加载了两个不同版本的jquery，但是我已经检查过了，这个项目似乎并不是这样。

我的代码如下：

查看

<div class="form-horizontal">
    <div class="form-group">
        <div class="col-md-10">
            <label for="UserName">Name</label>
            <input type="text" id="UserName" name="=UserName" />
        </div>
    </div>
    <p></p>
    <div class="form-group">
        <div class="col-md-10">
            <label for="datepicker">Start Date</label>
            <input type="text" value="02-16-2012" id="datepicker">
        </div>
    </div>
    <p></p>
    <div class="form-group">
        <div class="col-md-10">
            <input type="submit" value="Save" class="btn btn-primary" />
        </div>
    </div>
</div>

JAVASCRIPT

<script src="~/Content/vitalets-bootstrap-datepicker-c7af15b/js/bootstrap-datepicker.js"></script>
<script>
$(function () {
    //Initialise any date pickers
    $('#datepicker').datepicker({
        format: 'mm-dd-yyyy'
    });
});

如果有人能以正确的方式指导我，我会非常感激！

修改

这些是我通过布局页面加载到我的项目中的css和js文件：

<link href="~/Content/colour-blue.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/Site.css" rel="stylesheet" />    
<link href="~/Content/vitalets-bootstrap-datepicker-c7af15b/css/datepicker.css" rel="stylesheet" />
<link href="~/Content/bootstrap-toggle-master/css/bootstrap-toggle.min.css" rel="stylesheet" />

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Content/vitalets-bootstrap-datepicker-c7af15b/js/bootstrap-datepicker.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Content/bootstrap-toggle-master/js/bootstrap-toggle.min.js"></script>

Vitalets datepicker“对象不支持属性或方法datepicker”

0 个答案: