js实现时间日期校验


Posted in Javascript onMay 26, 2020

本文实例为大家分享了js实现时间日期校验的具体代码,供大家参考,具体内容如下

1. 通用的时间校验方式

$.validator.addMethod("validatestart", function(value, element) {
  var start = new Date($('#startTime').val()).getTime();
  var end = new Date($('#endTime').val()).getTime();
  if(end < start){
   return false;
  }else{
   return true;
  }
 }, "开始时间必须小于结束时间!");

 $.validator.addMethod("validateend", function(value, element) {
  var start = new Date($('#startTime').val()).getTime();
  var end = new Date($('#endTime').val()).getTime();
  if(end < start){
   return false;
  }else{
   return true;
  }
 }, "结束时间必须大于开始时间!");

2. 如果用的laydate组件,也可以用以下的方法

var startTime = "";
var endTime = "";
 
 startTime = laydate.render({
  elem : '#startTime',
  type : 'datetime',
  trigger: 'click', //使触发方式为click,解决一闪而过的问题
  change: function(value, dates, edate){  //实现双击可选中
   $(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
    $(".layui-laydate").remove();
    $("#startTime").val(value);
    endTimeControl(date);  //控制结束时间的最小值
   });
  },
  done : function(value, date){
   endTimeControl(date);
  }
 });

 endTime = laydate.render({
   elem : '#endTime',
   type : 'datetime',
   trigger: 'click', //使触发方式为click,解决一闪而过的问题
   change: function(value, dates, edate){  //实现双击可选中
    $(".layui-laydate").find("td[class='layui-this']").dblclick(function(){
     $(".layui-laydate").remove();
     $("#endTime").val(value);
     startTimeControl(date);
    });
   },
   done : function(value, date){
    startTimeControl(date);
   }
 });

 /** 结束时间控制 */
 function endTimeControl(date){
  endTime.config.min = {
   year: date.year,
   month: date.month - 1,
   date: date.date,
   hours: 0,
   minutes: 0,
   seconds: 0
  };
 };
 
 /** 开始时间控制 */
 function startTimeControl(date){
  startTime.config.max = {
   year: date.year,
   month: date.month - 1,
   date: date.date,
   hours: 0,
   minutes: 0,
   seconds: 0
  };
 };

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

Javascript 相关文章推荐
浅说js变量
May 25 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
Oct 01 Javascript
单击和双击事件的冲突处理示例代码
Apr 03 Javascript
如何制作幻灯片(代码分享)
Jan 06 Javascript
bootstrap侧边栏圆点导航
Jan 11 Javascript
vue.js实现单选框、复选框和下拉框示例
Jul 18 Javascript
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
JS获取input[file]的值并显示在页面的实现方法
Mar 09 Javascript
解决select2在bootstrap modal中不能正常使用的问题
Aug 09 Javascript
在移动端使用vue-router和keep-alive的方法示例
Dec 02 Javascript
axios实现简单文件上传功能
Sep 25 Javascript
vue实现浏览器全屏展示功能
Nov 27 Javascript
Node.js API详解之 assert模块用法实例分析
May 26 #Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
May 26 #Javascript
js校验开始时间和结束时间
May 26 #Javascript
vue实现简单跑马灯效果
May 25 #Javascript
Js和VUE实现跑马灯效果
May 25 #Javascript
Vue实现简单的跑马灯
May 25 #Javascript
Vue实现跑马灯效果
May 25 #Javascript
You might like
PHP5/ZendEngine2的改进
2006/10/09 PHP
PHP资源管理框架Assetic简介
2014/06/12 PHP
php_imagick实现图片剪切、旋转、锐化、减色或增加特效的方法
2014/12/15 PHP
PHP合并discuz用户脚本的方法
2015/08/04 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
2018/05/09 Javascript
使用JS代码实现俄罗斯方块游戏
2018/08/03 Javascript
jQuery实现图片简单轮播功能示例
2018/08/13 jQuery
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
浅析Python中的序列化存储的方法
2015/04/28 Python
浅析Python中signal包的使用
2015/11/13 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
python for循环remove同一个list过程解析
2019/08/14 Python
wxPython绘图模块wxPyPlot实现数据可视化
2019/11/19 Python
Python处理mysql特殊字符的问题
2020/03/02 Python
Python生成器实现简单&quot;生产者消费者&quot;模型代码实例
2020/03/27 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
python爬虫用request库处理cookie的实例讲解
2021/02/20 Python
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
璀璨的珍珠、密钉和个性化珠宝:Lily & Roo
2021/01/21 全球购物
应聘自荐信
2013/12/14 职场文书
会计系中文个人求职信
2013/12/24 职场文书
人事行政经理岗位职责
2014/06/18 职场文书
奥巴马当选演讲稿
2014/09/10 职场文书
整改报告怎么写
2014/11/06 职场文书
小学教师工作总结2015
2015/04/07 职场文书
2015年社区党建工作汇报材料
2015/06/25 职场文书