本文實例為大家分享了bootstrap datetimepicker使用方法,供大家參考,具體內容如下
時間插件之結束時間不能小於開始時間
changeDate: function (starttime,stoptime) { //判斷時間的大小彈窗提示用戶 var _t = this; if(stoptime != '' && starttime != ''){ if(stoptime < starttime){ $('#stop-date').val(''); $('#time').modal('show'); setTimeout(function(){($('#time').modal('hide'))},3000); return; } } },
timeDatapicker:function () { var _t = this; //this var startDate = $('#start-date'), //開始時間 stopDate = $('#stop-date'); //結束時間 startDate.datetimepicker({ format: 'yyyy-mm-dd', autoclose: true, minView: 2, language:'zh-CN' }).on('change',function () { //changeData方法寫在change之後,是為了防止changeData有changge方法(避免沖突) var starttime = startDate.val(); var stoptime = stopDate.val(); _t.changeDate(starttime,stoptime); stopDate.datetimepicker('setStartDate',starttime); //結束時間的選擇將以選擇的開始時間為依據從新設置(等於開始 時間) }).on('changeDate',function () { var starttime = startDate.val(); stopDate.datetimepicker('setStartDate',starttime); //結束時間的選擇將以選擇的開始時間為依據從新設置(等於開始 時間) var stoptime = stopDate.val(); }); stopDate.datetimepicker({ format: 'yyyy-mm-dd', autoclose: true, minView: 2, language:'zh-CN' }).on('change',function () { var starttime = startDate.val(); var stoptime = stopDate.val(); _t.changeDate(starttime,stoptime,$(this)); }).on('changeDate',function () { var starttime = startDate.val(); var stoptime = stopDate.val(); startDate.datetimepicker('setEndDate',stoptime); stopDate.datetimepicker('setStartDate',starttime); }); },
如果大家還想深入學習,可以點擊這裡進行學習,再為大家附3個精彩的專題:
Bootstrap學習教程
Bootstrap實戰教程
Bootstrap插件使用教程
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。