JS实现时间校验的代码


Posted in Javascript onMay 25, 2020
  1. 常用于活动时间结束弹窗提示
  2. 注意:

1.只是JS校验时间提示,并不安全
2.前台页面的时间校验不影响后台,所以,当用户修改本地计算机时间时,可能存在不安全因素

1、直接看代码

var mydate = new Date();
var date = myDate();

function activeData(){
  if(!isDateBetween(date,'2018/01/30','2018/03/31')){
    //在有效时间,对应处理逻辑
  }else{
    //不在有效时间,对应处理逻辑
  }
}

function dateParse(dateString){ 
  var SEPARATOR_BAR = "-"; 
  var SEPARATOR_SLASH = "/"; 
  var SEPARATOR_DOT = "."; 
  var dateArray; 
  if(dateString.indexOf(SEPARATOR_BAR) > -1){ 
    dateArray = dateString.split(SEPARATOR_BAR);  
  }else if(dateString.indexOf(SEPARATOR_SLASH) > -1){ 
    dateArray = dateString.split(SEPARATOR_SLASH); 
  }else{ 
    dateArray = dateString.split(SEPARATOR_DOT); 
  } 
  return new Date(dateArray[0], dateArray[1]-1, dateArray[2]);  
}; 

function dateCompare(dateString, compareDateString){  
  var dateTime = dateParse(dateString).getTime(); 
  var compareDateTime = dateParse(compareDateString).getTime(); 
  if(compareDateTime > dateTime){ 
    return 1; 
  }else if(compareDateTime == dateTime){ 
    return 0; 
  }else{ 
    return -1; 
  } 
};


function isDateBetween(dateString, startDateString, endDateString){ 
  var flag = false; 
  var startFlag = (dateCompare(dateString, startDateString) < 1); 
  var endFlag = (dateCompare(dateString, endDateString) > -1); 
  if(startFlag && endFlag){ 
    flag = true; 
  } 
  return flag; 
};

function myDate(){

  // 对Date的扩展,将 Date 转化为指定格式的String
  // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
  // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
  // 例子:
  // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
  // (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
  Date.prototype.Format = function(fmt)  
  { // author: meizz
  var o = {  
   "M+" : this.getMonth()+1,         // 月份
   "d+" : this.getDate(),          // 日
   "h+" : this.getHours(),          // 小时
   "m+" : this.getMinutes(),         // 分
   "s+" : this.getSeconds(),         // 秒
   "q+" : Math.floor((this.getMonth()+3)/3), // 季度
   "S" : this.getMilliseconds()       // 毫秒
  };  
  if(/(y+)/.test(fmt))  
   fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));  
  for(var k in o)  
   if(new RegExp("("+ k +")").test(fmt))  
  fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));  
  return fmt;  
  } 

  var nowDate = new Date().Format("yyyy-MM-dd");
  return nowDate;
};

2、例子效果图

JS实现时间校验的代码

总结

到此这篇关于JS实现时间校验的代码的文章就介绍到这了,更多相关js 时间校验内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
在JavaScript中构建ArrayList示例代码
Sep 17 Javascript
基于JavaScript怎么实现让歌词滚动播放
Nov 03 Javascript
不得不分享的JavaScript常用方法函数集(上)
Dec 23 Javascript
js利用正则表达式检验输入内容是否为网址
Jul 05 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
Jul 07 Javascript
微信小程序 选项卡的简单实例
May 24 Javascript
通过实例学习React中事件节流防抖
Jun 17 Javascript
layui表格数据复选框回显设置方法
Sep 13 Javascript
vue项目中监听手机物理返回键的实现
Jan 18 Javascript
详解JSON.stringify()的5个秘密特性
May 26 Javascript
Vue中引入svg图标的两种方式
Jan 14 Vue.js
JavaScript如何优化逻辑判断代码详解
Jun 08 Javascript
使用Typescript和ES模块发布Node模块的方法
May 25 #Javascript
js 动态校验开始结束时间的实现代码
May 25 #Javascript
使用 Opentype.js 生成字体子集的实例代码详解
May 25 #Javascript
Node.js API详解之 repl模块用法实例分析
May 25 #Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
May 24 #Javascript
如何使用vue slot创建一个模态框的实例代码
May 24 #Javascript
使用React代码动态生成栅格布局的方法
May 24 #Javascript
You might like
ThinkPHP实现批量删除数据的代码实例
2014/07/02 PHP
PHP实现支持SSL连接的SMTP邮件发送类
2015/03/05 PHP
统计jQuery中各字符串出现次数的工具
2012/05/03 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
2013/12/28 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
PageSwitch插件实现100种不同图片切换效果
2015/07/28 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
2015/12/04 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
2016/05/10 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
javascript中的后退和刷新实现方法
2016/11/10 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
2017/01/18 Javascript
jQuery插件HighCharts实现的2D堆条状图效果示例【附demo源码下载】
2017/03/14 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
2017/09/18 Javascript
bootstrap时间插件daterangepicker使用详解
2017/10/19 Javascript
webpack3之loader全解析
2017/10/26 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
vue-cli3搭建项目的详细步骤
2018/12/05 Javascript
在Vue环境下利用worker运行interval计时器的步骤
2019/08/01 Javascript
node.js实现带进度条的多文件上传
2020/03/27 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
vue中实现回车键登录功能
2020/02/19 Javascript
vue与iframe之间的信息交互的实现
2020/04/08 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
jquery实现穿梭框功能
2021/01/19 jQuery
[02:58]魔廷新尊——痛苦女王至宝语音台词节选
2020/06/14 DOTA
[03:12]完美世界DOTA2联赛PWL DAY7集锦
2020/11/06 DOTA
python threading和multiprocessing模块基本用法实例分析
2019/07/25 Python
在Tensorflow中查看权重的实现
2020/01/24 Python
Python class的继承方法代码实例
2020/02/14 Python
班组安全员工作职责
2014/02/01 职场文书
高三毕业典礼主持词
2014/03/27 职场文书
JavaScript执行机制详细介绍
2021/12/06 Javascript
bose降噪耳机音能消除人声吗
2022/04/19 数码科技