js用正则表达式筛选年月日的实例方法
当我们想要对日期进行筛选时，可以选择使用正则表达式的检索功能。这里涉及到正则表达式关于匹配的使用，本篇会就组匹配的基础知识带来分析和代码展示。再学会了正则表达式的匹配方法后，就筛选日期的方法进行过程介绍，下面一起来看看正则表达式的相关内容吧。
1.组匹配
正则表达式的括号表示分组匹配，括号中的模式可以用来匹配分组的内容。
/fred+/.test('fredd') // true
/(fred)+/.test('fredfred') // true
上面代码中，第一个模式没有括号，结果+只表示重复字母d，第二个模式有括号，结果+就表示匹配fred这个词。
正则表达式内部，还可以用\n引用括号匹配的内容，n是从1开始的自然数，表示对应顺序的括号。
var tagName = /<([^>]+)>[^<]*<\/\1>/;
tagName.exec("<b>bold</b>")[1]
// 'b'
上面代码中，圆括号匹配尖括号之中的标签，而\1就表示对应的闭合标签。
2.匹配年月日
比如yyyy-mm-dd格式为例。
要求匹配：
2017-06-10
分析：
年，四位数字即可，可用[0-9]{4}。
月，共12个月，分两种情况01、02、……、09和10、11、12，可用(0[1-9]|1[0-2])。
日，最大31天，可用(0[1-9]|[12][0-9]|3[01])。
正则如下：
var regex = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/;
console.log( regex.test("2017-06-10") );
// => true
以上就是js正则表达式中筛选年月日的方法，相信在看完分析之后，已经能够理解筛选的步骤了，学会后可以就代码部分进行练习。
实例扩展：
javascript正则表达式
匹配年月日格式为yyyymmdd
年必须是19或者20开头的。
function test(str)
{
var reg=/^((19|20)[0-9]{2})((0[1-9])|(1[0-2]))((0[1-9])|((1|2)[0-9])|(3[0-1]))$/;
if(reg.test(str)){
alert('正确');
}
else{
alert('error');
}
}
分为三个步骤
- 先看年
((19|20)[0-9]{2})
必须是19或者20开头作为一部分，后面两个就取0-9中取两次。
- 再看月((0[1-9])|(1[0-2]))
如果是1-9月，那么就应该显示01-09
如果第一位是0，第二位就取1-9，如果第一位是1，第二位就取0-2
- 在看日期
((0[1-9])|((1|2)[0-9])|(3[0-1]))
如果第一位取0，第二位就可以取1-9
如果第一位取1-2，第二位就可以取0-9
如果第一位取3，第二位就可以取0-1
到此这篇关于js用正则表达式筛选年月日的实例方法的文章就介绍到这了,更多相关js正则表达式筛选年月日内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
javascript高级模块化require.js的具体使用方法
本篇文章主要介绍了javascript高级模块化require.js的具体使用方法，非常具有实用价值，需要的朋友可以参考下2017-10-10
js中document.getElementById(id)的具体用法
本文主要介绍了js中document.getElementById(id)的具体用法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
这篇文章主要介绍了微信小程序之数据缓存的实例详解的相关资料,希望通过本文能帮助到大家，让大家掌握这部分内容，需要的朋友可以参考下2017-09-09
JsBarcode是一个用JavaScript编写的条形码生成器,它支持多种条形码格式,可在浏览器和Node.js中使用,下面这篇文章主要给大家介绍了关于JS使用jsBarcode生成条形码(一维码)的相关资料,需要的朋友可以参考下2023-03-03
本节主要介绍了JS如何产生随机数，本例产生20位随机数以0-9为例也可以是a-z A-Z,需要的朋友可以参考下2014-08-08
本文给大家分享一段基于js代码实现的鼠标点击导航栏变色效果，代码简单易懂，非常不错，具有参考借鉴价值，需要的的朋友参考下2017-02-02
这篇文章主要介绍了微信小程序实现点击按钮后修改颜色,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
这篇文章主要介绍了JS实现的透明度渐变动画效果,涉及javascript响应鼠标事件针对页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-04-04
下面小编就为大家带来一篇js实现目录链接,内容跟着目录滚动显示的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了JavaScript设计模式之命令模式，命令设计模式是由发令者、执行者、命令对象三部分构成，文章由此展开详细的内容介绍，需要的小伙伴可以参考一下2022-06-06
最新评论