欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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ù)從新設(shè)置(等于開始 時間)

  }).on('changeDate',function () {
   var starttime = startDate.val();
   stopDate.datetimepicker('setStartDate',starttime); //結(jié)束時間的選擇將以選擇的開始時間為依據(jù)從新設(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í),可以點擊這里進行學(xué)習(xí),再為大家附3個精彩的專題:

Bootstrap學(xué)習(xí)教程

Bootstrap實戰(zhàn)教程

Bootstrap插件使用教程

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • javascript 類型判斷代碼分析

    javascript 類型判斷代碼分析

    今天看到 司徒一篇blog, javascript深拷貝,其中涉及到一種判斷類型的方法,特分析如下
    2010-03-03
  • JS基于面向?qū)ο髮崿F(xiàn)的選項卡效果示例

    JS基于面向?qū)ο髮崿F(xiàn)的選項卡效果示例

    這篇文章主要介紹了JS基于面向?qū)ο髮崿F(xiàn)的選項卡效果,結(jié)合實例形式分析了javascript基于面向?qū)ο蠹夹g(shù)動態(tài)操作頁面元素的流程與相關(guān)注意事項,需要的朋友可以參考下
    2016-12-12
  • JavaScript中獲取樣式的原生方法小結(jié)

    JavaScript中獲取樣式的原生方法小結(jié)

    這篇文章主要介紹了JavaScript中獲取樣式的原生方法小結(jié),本文總結(jié)了5種JS獲取樣式的原生方法,并分別給出了實例,需要的朋友可以參考下
    2014-10-10
  • js中opener與parent的區(qū)別詳細解析

    js中opener與parent的區(qū)別詳細解析

    本篇文章主要是對js中opener與parent的區(qū)別進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • layui 上傳文件_批量導(dǎo)入數(shù)據(jù)UI的方法

    layui 上傳文件_批量導(dǎo)入數(shù)據(jù)UI的方法

    今天小編就為大家分享一篇layui 上傳文件_批量導(dǎo)入數(shù)據(jù)UI的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • javascript算法解數(shù)獨實現(xiàn)方案示例

    javascript算法解數(shù)獨實現(xiàn)方案示例

    這篇文章主要為大家介紹了javascript算法解數(shù)獨實現(xiàn)方案示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-08-08
  • JS交換變量的方法

    JS交換變量的方法

    這篇文章主要介紹了JS交換變量的方法,實例分析了javascript通過自定義函數(shù)實現(xiàn)變量交換的使用技巧,需要的朋友可以參考下
    2015-01-01
  • Javascript中call與apply的學(xué)習(xí)筆記

    Javascript中call與apply的學(xué)習(xí)筆記

    經(jīng)??吹竭@倆哥們,看來看去都是講他們的區(qū)別,一直沒搞太清楚作用究竟是什么,現(xiàn)在記錄下自己理解,有錯的話希望指出!
    2014-09-09
  • JavaScript實現(xiàn)下拉列表

    JavaScript實現(xiàn)下拉列表

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)下拉列表,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • Webpack中publicPath路徑問題詳解

    Webpack中publicPath路徑問題詳解

    這篇文章主要介紹了Webpack中publicPath路徑問題詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-05-05

最新評論