基于bootstrap的datepicker

<script src="<%=path %>/js/bootstrap-datepicker.min.js"/>
<script src="<%=path %>/js/bootstrap-datepicker.zh-CN.min.js"/>
$(function(){
    $('.input-daterange').datepicker({
                language: "zh-CN",
                keyboardNavigation: false,
                forceParse: false,
　　　　　　　　　　autoclose:true,//选择日期后自动关闭
                todayHighlight: true,//点亮今天
                format: "yyyy-mm-dd",//格式
           });
});

页面如下

最上面还需要引入bootstrap.js文件

<div class="form-group form-inline input-daterange" id="dingqi">
                            <label class="col-xs-3 control-label">日期设置</label>
                            <div class="col-xs-9">
                                <input type="text" class="form-control" id="due_date" style="margin-top:-7px;" placeholder="请选择日期">
                            </div>
</div>   

结果如下