Question

首先我从bellow链接下载了zip文件 http://www.eyecon.ro/bootstrap-datepicker/ 我得到了以下结构 1.CSS文件夹 - datepicker.css 2.JS folder-bootstrap-datepicker.js 3.less文件夹 - datepicker.less

然后我将它添加到我的asp.net mvc 4项目结构中并在index.cshtml中添加了引用然后吼叫是我的代码

<script src="http://code.jquery.com/jquery.js"></script>
    <script src="~/Contents/bootstrap/js/bootstrap.min.js"></script>
    <script src="~/Contents/bootstrap/js/npm.js"></script>
    <script src="~/Contents/bootstrap/js/bootstrap-datepicker.js"></script>
<script type="text/javascript">
        $(function () {
            $('#datetimepicker9').datepicker();
            $('#datetimepicker10').datepicker();
            $("#datetimepicker9").onclick ("dp.change", function (e) {
                $('#datetimepicker10').data("DateTimePicker").setDate(e.date);
            });
            $("#datetimepicker10").onclick("dp.change", function (e) {
               $('#datetimepicker9').data("DateTimePicker").setDate(e.date);
            });
        });
    </script>


<div class="searchDatePickerRow">
            <div class="searchFrmDate">
                <form class="formMargin" role="form">
                    <div class="form-group">
                <div class="input-group date" id="datetimepicker9">
                    <input type="text" class="form-control" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
                </form>
            </div>
            <div class="searchToDate">
                <form class="formMargin" role="form">
                    <div class="form-group">
                <div class="input-group date " id="datetimepicker10">
                    <input type="text" class="form-control" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
                </form>
            </div>
        </div>

但是当我点击calander图像时，datepicker不起作用。我跟随了轰鸣声的链接 How do I get bootstrap-datepicker to work with Bootstrap 3? Bootstrap-Datetimepicker Not working 但是没有取得任何成功。在上面的链接中提到添加datetimepicker.js和moment.js但是从哪里获取此文件。

Answer 1

您没有添加bootstrap-datepicker.css 在datepicker.css之后添加bootstrap.css.您可以从此网址获取。{1}} http://www.eyecon.ro/bootstrap-datepicker/

然后在下面调用此javascript：

$('.datepicker').datepicker();

Answer 2

您错过了类datepicker或输入类中的数据属性。你必须在输入标签中添加它。

<input class="datepicker" data-provide="datepicker">

Bootstrap Datepicker不工作。使用BootStrap 3.3.1

2 个答案: