bootstrap datetimepicker2.3.11時間插件使用
更新時間:2016年11月19日 10:40:52 作者:子君不語
這篇文章主要為大家詳細介紹了bootstrap datetimepicker2.3.11時間插件使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了bootstrap datetimepicker使用方法,供大家參考,具體內(nèi)容如下
時間插件之結(jié)束時間不能小于開始時間
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'); //結(jié)束時間
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); //結(jié)束時間的選擇將以選擇的開始時間為依據(jù)從新設置(等于開始 時間)
}).on('changeDate',function () {
var starttime = startDate.val();
stopDate.datetimepicker('setStartDate',starttime); //結(jié)束時間的選擇將以選擇的開始時間為依據(jù)從新設置(等于開始 時間)
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個精彩的專題:
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- Bootstrap中datetimepicker使用小結(jié)
- bootstrap日歷插件datetimepicker使用方法
- Bootstrap3 datetimepicker控件使用實例
- AngularJs中Bootstrap3 datetimepicker使用實例
- bootstrap-datetimepicker實現(xiàn)只顯示到日期的方法
- 基于bootstrap-datetimepicker.js不支持IE8的快速解決方法
- asp.net mvc4中bootstrap datetimepicker控件的使用
- Bootstrap時間選擇器datetimepicker和daterangepicker使用實例解析
- angularjs封裝bootstrap時間插件datetimepicker
- bootstrap datetimepicker實現(xiàn)秒鐘選擇下拉框
相關文章
JavaScript獲得url所有參數(shù)鍵值表的方法
這篇文章主要介紹了JavaScript獲得url所有參數(shù)鍵值表的方法,實例分析了javascript操作URL的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
js?promise?中使用?setTimeout?實現(xiàn)暫停執(zhí)行的效果
這篇文章主要介紹了js?promise?中使用?setTimeout?實現(xiàn)暫停執(zhí)行的,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-04-04
微信小程序購物車、父子組件傳值及calc的注意事項總結(jié)
這篇文章主要給大家介紹了關于微信小程序購物車、父子組件傳值及calc的注意事項的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2018-11-11
使用phantomjs進行網(wǎng)頁抓取的實現(xiàn)代碼
這篇文章主要介紹了使用phantomjs進行網(wǎng)頁抓取的實現(xiàn)代碼,需要的朋友可以參考下2014-09-09
概述javascript在Google IE中的調(diào)試技巧
本篇文章主要是對javascript在Google IE中的調(diào)試技巧進行了介紹,需要的朋友可以過來參考下2016-11-11
bootstrap+jQuery 實現(xiàn)下拉菜單中復選框全選和全不選效果
這篇文章主要給大家介紹了關于利用bootstrap+jQuery 實現(xiàn)下拉菜單中復選框全選和全不選效果的相關資料,文中給出了完整的示例代碼供大家參考學習,對大家具有一定的參考學習價值,需要的朋友下面來一起看看吧。2017-06-06

