js用正則表達式篩選年月日的實例方法
當我們想要對日期進行篩選時,可以選擇使用正則表達式的檢索功能。這里涉及到正則表達式關(guān)于匹配的使用,本篇會就組匹配的基礎(chǔ)知識帶來分析和代碼展示。再學會了正則表達式的匹配方法后,就篩選日期的方法進行過程介紹,下面一起來看看正則表達式的相關(guān)內(nèi)容吧。
1.組匹配正則表達式的括號表示分組匹配,括號中的模式可以用來匹配分組的內(nèi)容。
/fred+/.test(’fredd’) // true/(fred)+/.test(’fredfred’) // true
上面代碼中,第一個模式?jīng)]有括號,結(jié)果+只表示重復字母d,第二個模式有括號,結(jié)果+就表示匹配fred這個詞。
正則表達式內(nèi)部,還可以用n引用括號匹配的內(nèi)容,n是從1開始的自然數(shù),表示對應順序的括號。
var tagName = /<([^>]+)>[^<]*</1>/;tagName.exec('<b>bold</b>')[1]// ’b’
上面代碼中,圓括號匹配尖括號之中的標簽,而1就表示對應的閉合標簽。
2.匹配年月日比如yyyy-mm-dd格式為例。
要求匹配:
2017-06-10
分析:
年,四位數(shù)字即可,可用[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正則表達式中篩選年月日的方法,相信在看完分析之后,已經(jīng)能夠理解篩選的步驟了,學會后可以就代碼部分進行練習。
實例擴展:
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
到此這篇關(guān)于js用正則表達式篩選年月日的實例方法的文章就介紹到這了,更多相關(guān)js正則表達式篩選年月日內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. XML入門的常見問題(三)2. XML 非法字符(轉(zhuǎn)義字符)3. .NET Framework各版本(.NET2.0 3.0 3.5 4.0)區(qū)別4. CSS3實例分享之多重背景的實現(xiàn)(Multiple backgrounds)5. 關(guān)于html嵌入xml數(shù)據(jù)島如何穿過樹形結(jié)構(gòu)關(guān)系的問題6. 前端html+css實現(xiàn)動態(tài)生日快樂代碼7. 不要在HTML中濫用div8. el-input無法輸入的問題和表單驗證失敗問題解決9. JSP取得在WEB.XML中定義的參數(shù)10. WMLScript的語法基礎(chǔ)
