bootstrap datetimepicker2.3.11時(shí)間插件使用
本文實(shí)例為大家分享了bootstrap datetimepicker使用方法,供大家參考,具體內(nèi)容如下
時(shí)間插件之結(jié)束時(shí)間不能小于開始時(shí)間
changeDate: function (starttime,stoptime) { //判斷時(shí)間的大小彈窗提示用戶
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'), //開始時(shí)間
stopDate = $('#stop-date'); //結(jié)束時(shí)間
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é)束時(shí)間的選擇將以選擇的開始時(shí)間為依據(jù)從新設(shè)置(等于開始 時(shí)間)
}).on('changeDate',function () {
var starttime = startDate.val();
stopDate.datetimepicker('setStartDate',starttime); //結(jié)束時(shí)間的選擇將以選擇的開始時(shí)間為依據(jù)從新設(shè)置(等于開始 時(shí)間)
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);
});
},
如果大家還想深入學(xué)習(xí),可以點(diǎn)擊這里進(jìn)行學(xué)習(xí),再為大家附3個(gè)精彩的專題:
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Bootstrap中datetimepicker使用小結(jié)
- bootstrap日歷插件datetimepicker使用方法
- Bootstrap3 datetimepicker控件使用實(shí)例
- AngularJs中Bootstrap3 datetimepicker使用實(shí)例
- bootstrap-datetimepicker實(shí)現(xiàn)只顯示到日期的方法
- 基于bootstrap-datetimepicker.js不支持IE8的快速解決方法
- asp.net mvc4中bootstrap datetimepicker控件的使用
- Bootstrap時(shí)間選擇器datetimepicker和daterangepicker使用實(shí)例解析
- angularjs封裝bootstrap時(shí)間插件datetimepicker
- bootstrap datetimepicker實(shí)現(xiàn)秒鐘選擇下拉框
相關(guān)文章
JS基于面向?qū)ο髮?shí)現(xiàn)的選項(xiàng)卡效果示例
這篇文章主要介紹了JS基于面向?qū)ο髮?shí)現(xiàn)的選項(xiàng)卡效果,結(jié)合實(shí)例形式分析了javascript基于面向?qū)ο蠹夹g(shù)動(dòng)態(tài)操作頁面元素的流程與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-12-12
js中opener與parent的區(qū)別詳細(xì)解析
本篇文章主要是對(duì)js中opener與parent的區(qū)別進(jìn)行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-01-01
layui 上傳文件_批量導(dǎo)入數(shù)據(jù)UI的方法
今天小編就為大家分享一篇layui 上傳文件_批量導(dǎo)入數(shù)據(jù)UI的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
javascript算法解數(shù)獨(dú)實(shí)現(xiàn)方案示例
這篇文章主要為大家介紹了javascript算法解數(shù)獨(dú)實(shí)現(xiàn)方案示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Javascript中call與apply的學(xué)習(xí)筆記
經(jīng)??吹竭@倆哥們,看來看去都是講他們的區(qū)別,一直沒搞太清楚作用究竟是什么,現(xiàn)在記錄下自己理解,有錯(cuò)的話希望指出!2014-09-09

