基於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>   

結果以下