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 相关文章推荐
jquery图片上下tab切换效果
Mar 18 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
Aug 29 Javascript
js+CSS实现模拟华丽的select控件下拉菜单效果
Sep 01 Javascript
js弹出窗口返回值的简单实例
May 28 Javascript
js实现下拉菜单效果
Mar 01 Javascript
js的函数的按值传递参数(实例讲解)
Nov 16 Javascript
详解VUE2.X过滤器的使用方法
Jan 11 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
Mar 17 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
如何正确理解vue中的key详解
Nov 02 Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 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
php获取目标函数执行时间示例
2014/03/04 PHP
php+xml结合Ajax实现点赞功能完整实例
2015/01/30 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
javascript JSON操作入门实例
2010/04/16 Javascript
Jquery 最近浏览过的商品的功能实现代码
2010/05/14 Javascript
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
2015/03/02 Javascript
ionic实现底部分享功能
2017/05/11 Javascript
Bootstrap多级菜单的实现代码
2017/05/23 Javascript
AngularJS实现自定义指令及指令配置项的方法
2017/11/20 Javascript
node前端模板引擎Jade之标签的基本写法
2018/05/11 Javascript
vue路由拦截及页面跳转的设置方法
2018/05/24 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
小程序实现列表展开收起效果
2020/07/29 Javascript
Python的Django框架中TEMPLATES项的设置教程
2015/05/29 Python
pd.DataFrame统计各列数值多少的实例
2019/12/05 Python
pytorch实现CNN卷积神经网络
2020/02/19 Python
python实现人性化显示金额数字实例详解
2020/09/25 Python
Django项目创建及管理实现流程详解
2020/10/13 Python
matplotlib bar()实现百分比堆积柱状图
2021/02/24 Python
html5给汉字加拼音加进度条的实现代码
2020/04/07 HTML / CSS
全球性的在线鞋类品牌:Public Desire
2019/04/03 全球购物
印度民族服装购物网站:BIBA
2019/08/05 全球购物
工作自我评价分享
2013/12/01 职场文书
领导视察欢迎词
2014/01/15 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
企业年会主持词
2014/03/27 职场文书
数据保密承诺书
2014/06/03 职场文书
学校四群教育实施方案
2014/06/12 职场文书
优秀应届本科生求职信
2014/07/19 职场文书
升国旗演讲稿
2014/09/05 职场文书
计算机实训报告范文
2014/11/05 职场文书
市场督导岗位职责
2015/04/10 职场文书
公司文体活动总结
2015/05/07 职场文书
在校生证明
2015/06/17 职场文书