Bootstrap datepicker不起作用,也不会发生任何错误

时间:2015-04-28 04:44:02

标签: php twitter-bootstrap datepicker

我想使用php在我的web应用程序中集成bootstrap日期选择器。问题是没有任何错误显示而且没有工作plz帮助我。

     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css" />
     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css" />
     <script src="<?php echo SITE_JS?>jquery-1.7.1.min.js"></script>
     <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script>

        <div class="form-group">
            <label class="col-xs-3 control-label">Date</label>
            <div class="col-xs-5 date">
                <div class="input-group input-append date" id="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>

    <script>
    $(document).ready(function() {
        $('#dateRangePicker')
            .datepicker({
                format: 'mm/dd/yyyy',
                startDate: '01/01/2010',
                endDate: '12/30/2020'
            })
    });
    </script>

1 个答案:

答案 0 :(得分:0)

在jsfiddle

中完全改变这段代码
jQuery(document).ready(function($) {
$('#dateRangePicker')
    .datepicker({
        format: 'mm/dd/yyyy',
        startDate: '01/01/2010',
        endDate: '12/30/2020'
    })
  });