一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - js教程 - js用正則表達式篩選年月日的實例方法

js用正則表達式篩選年月日的實例方法

2021-12-24 15:24小妮淺淺 js教程

在本篇文章里小編給大家整理的是一篇關于js用正則表達式篩選年月日的實例方法,對此有興趣的朋友們可以學習下。

當我們想要對日期進行篩選時,可以選擇使用正則表達式的檢索功能。這里涉及到正則表達式關于匹配的使用,本篇會就組匹配的基礎知識帶來分析和代碼展示。再學會了正則表達式的匹配方法后,就篩選日期的方法進行過程介紹,下面一起來看看正則表達式的相關內容吧。

1.組匹配

正則表達式的括號表示分組匹配,括號中的模式可以用來匹配分組的內容。

?
1
2
/fred+/.test('fredd') // true
/(fred)+/.test('fredfred') // true

上面代碼中,第一個模式沒有括號,結果+只表示重復字母d,第二個模式有括號,結果+就表示匹配fred這個詞。

正則表達式內部,還可以用\n引用括號匹配的內容,n是從1開始的自然數,表示對應順序的括號。

?
1
2
3
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])。

正則如下:

?
1
2
3
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開頭的。

?
1
2
3
4
5
6
7
8
9
10
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正則表達式篩選年月日內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家!

原文鏈接:https://www.py.cn/web/js/22525.html

延伸 · 閱讀

精彩推薦
  • js教程ES5和ES6中類的區別總結

    ES5和ES6中類的區別總結

    這篇文章主要給大家介紹了ES5和ES6中類的區別的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋...

    Totora612082021-12-16
  • js教程在HTML中使用JavaScript的兩種方法

    在HTML中使用JavaScript的兩種方法

    這篇文章主要介紹了在HTML中使用JavaScript的兩種方法,幫助大家更好的理解和制作網頁,感興趣的朋友可以了解下...

    itbsl9182021-12-18
  • js教程js仿淘寶放大鏡效果

    js仿淘寶放大鏡效果

    這篇文章主要為大家詳細介紹了js仿淘寶放大鏡效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    屈小康10992021-12-21
  • js教程JavaScript實現通訊錄功能

    JavaScript實現通訊錄功能

    這篇文章主要為大家詳細介紹了JavaScript實現通訊錄功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    書寫夢想的鉛筆頭5592021-12-20
  • js教程微信小程序自定義modal彈窗組件的方法詳解

    微信小程序自定義modal彈窗組件的方法詳解

    這篇文章主要給大家介紹了關于微信小程序自定義modal彈窗組件的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學...

    遇見小美好12002021-12-15
  • js教程js實現隨機點名功能

    js實現隨機點名功能

    這篇文章主要為大家詳細介紹了js實現隨機點名功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    等待的L先生4862021-12-16
  • js教程原生JS運動實現輪播圖

    原生JS運動實現輪播圖

    這篇文章主要為大家詳細介紹了原生JS運動實現輪播圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    Bean_s9312021-12-24
  • js教程js事件模型與自定義事件實例解析

    js事件模型與自定義事件實例解析

    JavaScript一個最簡單的事件模型,需要有事件綁定與觸發,還有事件刪除。本文將對其具體實現代碼進行解析,需要的朋友一起來看下吧...

    caihg5602021-12-15
主站蜘蛛池模板: 女同学用白丝脚玩我的故事 | 99精品热线在线观看免费视频 | 十六一下岁女子毛片免费 | 隔壁老王国产在线精品 | 久久综合香蕉久久久久久久 | 国产婷婷综合丁香亚洲欧洲 | 国产精品免费观在线 | 天天做天天爱天天一爽一毛片 | 火影小南被爆羞羞网站进入 | 日日操视频 | 国产精品亚洲片在线va | 日本卡一卡2卡3卡4精品卡无人区 | 日韩免费一级 | 亚洲国产精品无码中文字满 | 国产日产韩产麻豆1区 | 日韩亚洲欧美综合一区二区三区 | 欧美又大又粗又爽视频 | 大肥臀风间由美 中文字幕 大东北chinesexxxx露脸 | 免费的强动漫人物 | 黄德维| 99视频免费| 天堂成人在线 | 金莲一级淫片aaaaaa | vod国产成人精品视频 | 香蕉在线播放 | 热伊人99re久久精品最新地 | 闺蜜的样子小说安沁在线阅读 | 91视频完整版 | 美女免费观看一区二区三区 | 日本一区二区高清免费不卡 | 插美女b| 无码中文字幕热热久久 | 精品AV亚洲乱码一区二区 | 日本视频免费在线 | 扒开女人下面使劲桶屁股动漫 | 久久精品国产免费 | 本土自拍 | 精品午夜久久福利大片免费 | 欧美人伦禁忌.5 | 亚洲色图欧美色 | 果冻传媒在线免费观看 |