详解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 相关文章推荐
IE浏览器PNG图片透明效果代码
Sep 02 Javascript
javascript eval和JSON之间的联系
Dec 31 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
Feb 07 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
打印json对象的内容及JSON.stringify函数应用
Mar 29 Javascript
checkbox设置复选框的只读效果不让用户勾选
Aug 12 Javascript
JavaScript闭包实例讲解
Apr 22 Javascript
详解Javascript 装载和执行
Nov 17 Javascript
适用于javascript开发者的Processing.js入门教程
Feb 24 Javascript
mint-ui 时间插件使用及获取选择值的方法
Feb 09 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
Sep 08 Javascript
原生javascript单例模式的应用实例分析
Feb 23 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
用PHP连mysql和oracle数据库性能比较
2006/10/09 PHP
phpmyadmin导入(import)文件限制的解决办法
2009/12/11 PHP
PHP动态生成javascript文件的2个例子
2014/04/11 PHP
php通过sort()函数给数组排序的方法
2015/03/18 PHP
PHP使用strtotime计算两个给定日期之间天数的方法
2015/03/18 PHP
PHP合并数组函数array_merge用法分析
2017/02/17 PHP
PHP获取二叉树镜像的方法
2018/01/17 PHP
用脚本调用样式的几种方法
2006/12/09 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
2014/05/05 Javascript
JS的事件绑定深入认识
2014/06/26 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
招聘网站基于jQuery实现自动刷新简历
2015/05/10 Javascript
JavaScript+html5 canvas绘制的小人效果
2016/01/27 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
2016/02/23 Javascript
js验证框架之RealyEasy验证详解
2016/06/08 Javascript
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
浅析Python中signal包的使用
2015/11/13 Python
python实现文本去重且不打乱原本顺序
2016/01/26 Python
特征脸(Eigenface)理论基础之PCA主成分分析法
2018/03/13 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
Python3按一定数据位数格式处理bin文件的方法
2019/01/24 Python
pytorch如何冻结某层参数的实现
2020/01/10 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
python Matplotlib数据可视化(1):简单入门
2020/09/30 Python
Anaconda+spyder+pycharm的pytorch配置详解(GPU)
2020/10/18 Python
python中操作文件的模块的方法总结
2021/02/04 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
我想声明一个指针并为它分配一些空间, 但却不行。这些代码有什么 问题?char *p; *p = malloc(10);
2016/10/06 面试题
C/C++ 笔试、面试题目大汇总
2015/11/21 面试题
励志广播稿300字(5篇)
2014/09/15 职场文书
2014和解协议书范文
2014/09/15 职场文书
学校运动会报道稿
2014/09/23 职场文书
导游词之黄帝陵景区
2019/09/16 职场文书
Github 使用python对copilot做些简单使用测试
2022/04/14 Python