Javascript 表单验证不是函数引导日期选择器_Javascript_Jquery_Twitter Bootstrap_Datepicker_Formvalidation Plugin

Javascript 表单验证不是函数引导日期选择器

javascript jquery twitter-bootstrap

Javascript 表单验证不是函数引导日期选择器,javascript,jquery,twitter-bootstrap,datepicker,formvalidation-plugin,Javascript,Jquery,Twitter Bootstrap,Datepicker,Formvalidation Plugin,基于以下示例，我打算使用引导日期选择器：这是我的.html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>

基于以下示例，我打算使用引导日期选择器：

这是我的.html代码：

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">         
            <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
            <!-- ################ -->
            <!-- ####Bootstrap### -->
            <script src="bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
            <link rel="stylesheet" href="bootstrap-3.3.6-dist/css/bootstrap.min.css" />
            <script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script>
            <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css" />
            <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css" />
            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.4.5/js/bootstrapValidator.min.js"></script>
            <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.4.5/css/bootstrapValidator.min.css" rel="stylesheet"/>
        <!-- ################ -->
        <!-- #####Custom##### -->           
        <script src="Scripts/datepicker.js"></script>            
        <link rel="stylesheet" href="CSS/dashboard.css" />
        <!-- ################ -->
    </head>
    <body>
        <!-- Top bar -->
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">NY Noise Map</a>
                </div>
            </div>
        </nav>

        <!-- Content -->
        <div class="container-fluid">
            <!-- Right Panel -->
            <div class="row">
                <div class="col-sm-3 col-md-2 sidebar"> 
                    <!-- Start Date -->
                    <form id="startDate" method="post" class="dateRangeForm form-vertical">
                        <div class="form-group">
                            <label class="control-label">Start Date:</label>
                            <br></br>
                            <div class="date">
                                <div class="input-group input-append date dateRangePicker">
                                    <input type="text" class="form-control" name="date" />
                                    <span class="input-group-addon add-on">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </form>
                    <!-- End Date -->
                    <form id="endDate" method="post" class="dateRangeForm form-vertical">
                        <div class="form-group">
                            <label class="control-label">End Date:</label>
                            <br></br>
                            <div class="date">
                                <div class="input-group input-append date dateRangePicker">
                                    <input type="text" class="form-control" name="date" />
                                    <span class="input-group-addon add-on">
                                        <span class="glyphicon glyphicon-calendar"></span>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
     </body>

我不知道为什么。任何帮助都将不胜感激。

尝试使用

$（文档）。加载（函数（）{

而不是

$（文档）。就绪（函数（）{

如果上述操作不起作用，也将$传递给

$（document）.ready（函数（$）{

ready函数。

我可以通过调用

bootstrapValidator

而不是

formValidation

bootstrapValidator

formValidation