JS匹配日期和时间的正则表达式示例

当需要从文本中匹配日期和时间信息时,可以使用正则表达式来准确地实现。下面是关于“JS匹配日期和时间的正则表达式示例”的完整攻略。

1. 正则表达式基础知识

在进行日期和时间信息的正则匹配时,需要掌握一些基础知识。

  • 字符集:用于匹配多个字符中的任意一个字符,用方括号([])来表示。如[abc]匹配字符a、b或c中的任意一个字符。
  • 重复次数:用于匹配前面一个字符或一组字符出现的次数,用花括号({})来表示。如a{3}匹配aaa,a{3,}匹配至少3个a,a{3,5}匹配3个到5个a。
  • 通配符:用于匹配任意单个字符,用点号(.)来表示。如a.b匹配以a开始、以b结束,中间包含任意一个字符的字符串。

2. JS匹配日期的正则表达式

2.1 匹配YYYY-MM-DD格式的日期

const dateRegex = /^\d{4}-\d{2}-\d{2}$/;
const dateStr = '2021-12-01';
if (dateRegex.test(dateStr)) {
  console.log('日期格式正确');
} else {
  console.log('日期格式错误');
}

解释下面的正则表达式:
- ^匹配字符串的开头。
- \d匹配数字。
- {4}表示匹配4个数字。
- -匹配横杠。
- {2}表示匹配2个数字。
- $匹配字符串的结尾。

因此,表达式^\d{4}-\d{2}-\d{2}$表示匹配YYYY-MM-DD格式的日期。

2.2 匹配YYYY/MM/DD格式的日期

const dateRegex = /^\d{4}\/\d{2}\/\d{2}$/;
const dateStr = '2021/12/01';
if (dateRegex.test(dateStr)) {
  console.log('日期格式正确');
} else {
  console.log('日期格式错误');
}

与2.1示例相似,只是将横杠替换成了斜杠,如此便可以匹配YYYY/MM/DD格式的日期。

3. JS匹配时间的正则表达式

3.1 匹配HH:MM:SS格式的时间

const timeRegex = /^([0-1][0-9]|[2][0-3]):([0-5][0-9]):([0-5][0-9])$/;
const timeStr = '20:15:01';
if (timeRegex.test(timeStr)) {
  console.log('时间格式正确');
} else {
  console.log('时间格式错误');
}

解释下面的正则表达式:
- ^匹配字符串的开头。
- ([0-1][0-9]|[2][0-3])表示匹配00~23小时之间的数字,使用了或(|)来连接00~19和20~23两组数字。
- :匹配冒号。
- ([0-5][0-9])表示匹配00~59分钟或秒数之间的数字,同样使用了或(|)来连接两组数字。
- ([0-5][0-9])同上。
- $匹配字符串的结尾。

因此,表达式^([0-1][0-9]|[2][0-3]):([0-5][0-9]):([0-5][0-9])$表示匹配HH:MM:SS格式的时间。

3.2 匹配HH时MM分SS秒格式的时间

const timeRegex = /^([0-1][0-9]|[2][0-3])时([0-5][0-9])分([0-5][0-9])秒$/;
const timeStr = '20时15分01秒';
if (timeRegex.test(timeStr)) {
  console.log('时间格式正确');
} else {
  console.log('时间格式错误');
}

此正则表达式与3.1相似,只是将冒号和英文表示的时间单位改为了中文表示,如此便可以匹配HH时MM分SS秒格式的时间。

总结

以上便是JS匹配日期和时间的正则表达式示例的完整攻略。通过掌握正则表达式的基本语法和应用技巧,我们可以轻松地实现各种日期和时间信息的匹配。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JS匹配日期和时间的正则表达式示例 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 浅析JS中常用类型转换及运算符表达式

    浅析JS中常用类型转换及运算符表达式 类型转换 显式类型转换 字符串转换 使用toString()、String()函数将其他类型转为字符串类型,或使用+运算符将其他类型与字符串拼接即可: var num1 = 123; console.log(num1.toString()); // "123" console.log(String(n…

    JavaScript 2023年5月28日
    00
  • discuz中用到的javascript函数解析 原创第2/2页

    下面就是对于“discuz中用到的javascript函数解析 原创第2/2页”的完整攻略: 1. 概述 该文章介绍了 discuz 论坛中常用的 JavaScript 函数解析,主要包括 Ajax 交互、 DOM 操作以及事件处理等。 2. Ajax 交互 2.1 Ajax.call() 该函数用于发送 Ajax 请求,并接收服务器返回的 JSON 格式数…

    JavaScript 2023年6月10日
    00
  • 深入理解JavaScript中Ajax

    “深入理解JavaScript中Ajax”的完整攻略如下: 理解Ajax Ajax(Asynchronous JavaScript and XML)即异步JavaScript和XML,可以实现异步服务器调用。它能在不重新加载整个页面的情况下更新页面的部分内容,从而提高网页的交互体验。 Ajax的核心用到了XMLHttpRequest对象,它可以使用XMLHt…

    JavaScript 2023年5月18日
    00
  • js实现数组去重、判断数组以及对象中的内容是否相同

    数组去重的实现: 可以使用 Set 数据结构进行数组去重,因为 Set 对象只存储唯一的值。 let arr = [1, 1, 2, 2, 3, 3]; // 需要去重的数组 let arrUnique = […new Set(arr)]; // 使用 Set 数据结构进行去重 console.log(arrUnique); // 输出 [1, 2, 3…

    JavaScript 2023年5月27日
    00
  • 浅谈JavaScript 代码整洁之道

    浅谈JavaScript代码整洁之道 本文旨在探讨JavaScript代码整洁的重要性以及实现的方法,旨在帮助读者更好地编写高质量的JavaScript代码。 为什么需要代码整洁? 编写整洁的代码可以改善代码的可读性和可维护性,使代码更易于阅读和理解,减少出错的可能性,减少代码维护的成本。 另外,整洁的代码可以加快开发流程,降低团队开发的沟通成本。整洁代码也…

    JavaScript 2023年5月19日
    00
  • 微信小程序实现历史搜索功能的全过程(h5同理)

    好的!微信小程序实现历史搜索功能的全过程可以分为以下几个步骤: 1. 提供搜索框和搜索按钮 首先,在小程序页面中提供搜索框和搜索按钮。可以使用<input>元素和<button>元素实现。 <!– 在 wxml 文件中 –> <view class="search-box"> <i…

    JavaScript 2023年6月11日
    00
  • token 机制和实现方式

    Token机制是一种通过在用户请求中加入令牌(token)来验证用户身份的方式。相比于传统的基于cookie或session的身份验证方式,Token机制能够避免跨站请求伪造(CSRF)和跨站脚本攻击(XSS)等安全问题。 以下是Token机制的实现方式: 用户登录时,需要向服务器发送登录请求(例如通过POST方式提交用户名和密码)。服务器根据用户输入的用户…

    JavaScript 2023年6月11日
    00
  • js 树形结构根据id获取父级节点元素

    封装函数 // 传入 id、树形结构数据 export function getParentTree(id, tree) { let arr = [] //要返回的数组 for (let i = 0; i < tree.length; i++) { let item = tree[i] arr = [] arr.push(item) //保存当前节点i…

    JavaScript 2023年5月11日
    00
合作推广
合作推广
分享本页
返回顶部