时间插件——bootstrap——datepicker

一、bootstrap时间插件——datepicker

//html文件

<input type="text" class="form-control datepicker" name="test" readonly/>

//js文件

(function () {
    $(document).on('focus', '.datepicker', function () {
        $(this).datepicker({
            language: "zh-CN",
            autoclose: true,
            format: "yyyy-mm-dd",
            endDate: '+0'//截止日期限制
        });
    });
    $(document).on('focus', '.end_datepicker', function () {
        $(this).datepicker({
            language: "zh-CN",
            autoclose: true,
            format: "yyyy-mm-dd"
        });
    });
})();

二、bootstrap时间插件——datepicker(时间范围——起止时间限制)

//html文件

<div class="date-picker input-daterange" data-date-format="yyyy-mm-dd" id="rangeTime">
  <input type="text" id="datetimeStart" class="form-control datetime" placeholder="开始时间" name="dtBegin" readonly/>
  <span>-</span>
  <input type="text" id="datetimeEnd" class="form-control datetime" placeholder="结束时间"  name="dtEnd" readonly/>
</div>
//js文件

$(".date-picker").datepicker({
    language: "zh-CN",
    autoclose: true,
    format: "yyyy-mm-dd",
    endDate: '+0',
    clearBtn: true//清除按钮
});