bootstrap datetimepicker2.3.11时间插件使用


Posted in Javascript onNovember 19, 2016

本文实例为大家分享了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个精彩的专题:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 解析Json字符串的性能比较分析代码
Dec 16 Javascript
JavaScript实现页面实时显示当前时间的简单实例
Jul 20 Javascript
Javascript基础教程之变量
Jan 18 Javascript
js+cookies实现悬浮购物车的方法
May 25 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
May 31 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
JS实现DIV高度自适应窗口示例
Feb 16 Javascript
Bootstrap超大屏幕的实现代码
Mar 22 Javascript
微信小程序报错:this.setData is not a function的解决办法
Sep 27 Javascript
微信小程序实现刷脸登录
May 25 Javascript
vue中音频wavesurfer.js的使用方法
Feb 20 Vue.js
浅析TypeScript 命名空间
Mar 19 Javascript
js 定位到某个锚点的方法
Nov 19 #Javascript
js 模仿锚点定位的实现方法
Nov 19 #Javascript
Javascript使用function创建类的两种方法(推荐)
Nov 19 #Javascript
js 中获取制定的cook信息实现方法
Nov 19 #Javascript
微信小程序入门教程
Nov 18 #Javascript
网络传输协议(http协议)
Nov 18 #Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
Nov 18 #Javascript
You might like
星际争霸教主Flash的ID由来:你永远不会知道他之前的ID是www!
2019/01/18 星际争霸
PHP中::、-&amp;gt;、self、$this几种操作符的区别介绍
2013/04/24 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
PHP基于curl post实现发送url及相关中文乱码问题解决方法
2017/11/25 PHP
基于PHP实现短信验证码发送次数限制
2020/07/11 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
基于JavaScript 类的使用详解
2013/05/07 Javascript
javascript数字时钟示例分享
2014/04/23 Javascript
javascript设置连续两次点击按钮时间间隔的方法
2014/10/28 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
2015/09/10 Javascript
功能强大的Bootstrap组件(结合js)
2016/08/03 Javascript
js实现模糊匹配功能
2017/02/15 Javascript
JS拉起或下载app的实现代码
2017/02/22 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
原生js实现form表单序列化的方法
2018/08/02 Javascript
element vue validate验证名称重复 输入框与后台重复验证 特殊字符 字符长度 及注意事项小结【实例代码】
2018/11/20 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
[44:30]完美世界DOTA2联赛PWL S2 GXR vs Magma 第一场 11.25
2020/11/26 DOTA
python解析发往本机的数据包示例 (解析数据包)
2014/01/16 Python
python 删除列表里所有空格项的方法总结
2018/04/18 Python
Python 文本文件内容批量抽取实例
2018/12/10 Python
Django中间件基础用法详解
2019/07/18 Python
详解python中docx库的安装过程
2019/11/08 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
浅谈tensorflow 中的图片读取和裁剪方式
2020/06/30 Python
Python 常用日期处理 -- calendar 与 dateutil 模块的使用
2020/09/02 Python
html5 figure和figcaption的使用方法
2018/09/10 HTML / CSS
宝拉珍选美国官网:Paula’s Choice美国
2018/01/07 全球购物
IGK Hair官网:喷雾、洗发水、护发素等
2020/11/03 全球购物
C语言中一个结构不能包含指向自己的指针吗
2012/05/25 面试题
servlet面试题
2012/08/20 面试题
城管综合整治方案
2014/05/01 职场文书
2015年信贷员工作总结
2015/04/28 职场文书
五一晚会主持词
2015/07/01 职场文书
分位数回归模型quantile regeression应用详解及示例教程
2021/11/02 Python
Python matplotlib 利用随机函数生成变化图形
2022/04/26 Python