時間插件——bootstrap——datepicker

1、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"
        });
    });
})();

2、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//清除按鈕});