详解js正则表达式验证时间格式xxxx-xx-xx形式


Posted in Javascript onFebruary 09, 2018

在项目中,我们经常会遇到时间问题,有时候是使用时间插件,让用户选择,但有时应客户要求,能够自行输入时间,那么,我们如何来确定用户输入的时间格式是否正确,输入的时间是否合法呢?

这个时候需要用到正则表达式,接下来,简单讲解我的验证实例,以验证时间格式2017-01-01格式为例:

1.首先,我们需要获得用户输入的内容;

2.其次,我们需要验证用户输入的内容是否为2017-01-01格式;

3.然后,验证格式正确后,需要验证输入的时间是否合法;

4.如果用户输入的是正确的,合法的时间格式,那么返回输入框中的内容,否则提示用户重新输入。

以下给出具体验证过程,可供参考:

1.获取用户输入的时间:

var bagin = $('.input_one').val();

2.验证时间格式是否正确:(验证通过返回时间戳格式,例如:(2017-01-01,2017,-,01,-,01),否则返回null)

var bagin_r = bagin.match(/^(\d{4})(-)(\d{2})(-)(\d{2})$/);

if(bagin_r==null){
 alert("请输入正确的开始时间格式,如:2017-01-01");
 return false;
 }

3.验证时间是否合法:(注意:此段必须放置在验证时间格式完成之后)

var b_d=new Date(bagin_r[1],bagin_r[3]-1,bagin_r[5]);
var b_num = (b_d.getFullYear()==bagin_r[1]&&(b_d.getMonth()+1)==bagin_r[3]&&b_d.getDate()==bagin_r[5]);

if(b_num==0){
 alert("开始时间不合法,请输入正确的开始时间");
 return false;
 }

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

Javascript 相关文章推荐
使用javascript访问XML数据的实例
Dec 27 Javascript
基于jquery的从一个页面跳转到另一个页面的指定位置的实现代码(带平滑移动的效果)
May 24 Javascript
JavaScript创建类/对象的几种方式概述及实例
May 06 Javascript
用unescape反编码得出汉字示例
Apr 24 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
Jun 22 Javascript
微信小程序 数据访问实例详解
Oct 08 Javascript
vue做网页开场视频的实例代码
Oct 20 Javascript
解决低版本的浏览器不支持es6的import问题
Mar 09 Javascript
vuex state中的数组变化监听实例
Nov 06 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
Jun 05 Javascript
vue实现公告栏文字上下滚动效果的示例代码
Jun 16 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
Oct 24 Javascript
在Vue中使用highCharts绘制3d饼图的方法
Feb 08 #Javascript
vue中使用ueditor富文本编辑器
Feb 08 #Javascript
React Native自定义控件底部抽屉菜单的示例
Feb 08 #Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 #Javascript
Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)
Feb 08 #Javascript
web前端页面生成exe可执行文件的方法
Feb 08 #Javascript
ajax前台后台跨域请求处理方式
Feb 08 #Javascript
You might like
如何过滤高亮显示非法字符
2006/10/09 PHP
smarty模板引擎使用内建函数foreach循环取出所有数组值的方法
2015/01/22 PHP
浅谈php常用的7大框架的优缺点
2020/07/20 PHP
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
window.open的页面如何刷新(父页面)上层页面
2012/12/28 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
2013/01/09 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
angularJS 中$scope方法使用指南
2015/02/09 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
javascript实现滚动效果的数字时钟实例
2016/07/21 Javascript
微信小程序 图片等比例缩放(图片自适应屏幕)
2016/11/16 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
2017/01/12 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
2019/02/20 Javascript
判断文字超过2行添加展开按钮,未超过则不显示,溢出部分显示省略号
2019/04/28 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
2020/10/22 Javascript
python之Socket网络编程详解
2016/09/29 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
python实现爬取图书封面
2018/07/05 Python
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
使用python itchat包爬取微信好友头像形成矩形头像集的方法
2019/02/21 Python
python实现大文本文件分割
2019/07/22 Python
解决python中的幂函数、指数函数问题
2019/11/25 Python
关于Pytorch的MLP模块实现方式
2020/01/07 Python
详解Python中namedtuple的使用
2020/04/27 Python
Python可视化工具如何实现动态图表
2020/10/23 Python
实习护士自我鉴定
2013/10/13 职场文书
大学生物业管理求职信
2013/10/24 职场文书
医学院毕业生自荐信
2013/11/08 职场文书
企业元宵节主持词
2014/03/25 职场文书
商业计算机应用专业自荐书
2014/06/09 职场文书
广播体操口号
2014/06/18 职场文书
南京南京观后感
2015/06/02 职场文书
关于 Python json中load和loads区别
2021/11/07 Python
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL
错误码NET::ERR_CERT_DATE_INVALID证书已过期解决方法?
2022/07/07 数码科技