javascript實現(xiàn)日期格式轉換
更新時間：2014年12月16日 10:40:30 投稿：hebedich
這篇文章主要介紹了javascript實現(xiàn)日期格式轉換，非常的簡單實用，項目中經(jīng)?？梢杂玫剑@里推薦給大家
復制代碼 代碼如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>日期輸入</title>
<script>
window.onload = function(){
var aLaydate = document.getElementsByClassName("date");
for(var i = 0;i < aLaydate.length;i ++)
{
aLaydate[i].onchange = function(){
var dateValue = this.value;
dateValue = dateValue.replace(/\。/g,"-");
dateValue = dateValue.replace(/\./g,"-");
if(dateValue.length == 8){
var temp = dateValue.substring(0,4) + "-" + dateValue.substring(4,6) + "-" + dateValue.substring(6,8);
dateValue = temp;
console.log(dateValue);
}
if(CheckDT(dateValue)){
this.value = dateValue;
}
else
{
alert("日期輸入錯誤");
}
}
}
}
function CheckDT(str)
{
var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
if(r==null)
{
return false;
}
else
{
var d= new Date(r[1], r[3]-1, r[4]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}
}
</script>
</head>
<body>
<input placeholder="請輸入日期" class="date">
</body>
</html>
把輸入的YYYY.MM.DD、YYYY。MM。DD、YYYYMMDD轉為YYYY-MM-DD
CheckDT這個function是在度娘里找的。
很簡單實用的功能吧，小伙伴們可以直接拿去使用。
相關文章
js學習筆記之class類、super和extends關鍵詞
es6提供了一個新語法就是class,下面這篇文章主要給大家介紹了關于js學習筆記之class類、super和extends關鍵詞的相關資料,需要的朋友可以參考下2021-08-08
在ＪＳ里，我們的方法參數(shù)通常使用JQ的$.extend擴展方法來實現(xiàn),感興趣的朋友可以了解下2013-01-01
這篇文章主要介紹了JavaScript對象的四種創(chuàng)建方法，首先我們通過確定一個對象的屬性和方法展開主題相關內容，需要的小伙伴可以參考一下2022-08-08
有10個復選框，用戶最多只能勾選3個，否則就灰掉所有復選框，具體實現(xiàn)思路及代碼如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
這篇文章主要介紹了js創(chuàng)建對象的幾種方法及繼承，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
JavaScript的變量中包含兩種類型的值：基本類型值 和 引用類型值，這篇文章主要介紹了JS中實現(xiàn)淺拷貝和深拷貝,需要的朋友可以參考下2019-06-06
js函數(shù)setTimeout延遲執(zhí)行的簡單介紹
設置指定的JS函數(shù)在指定的時間后執(zhí)行，可以利用setTimeout（）函數(shù)。2013-07-07
JavaScript正則表達式校驗與遞歸函數(shù)實際應用實例解析
這篇文章主要介紹了JavaScript正則表達式校驗與遞歸函數(shù)實際應用,需要的朋友可以參考下2017-08-08
js中Array.forEach跳出循環(huán)的方法實例
相信大家都知道forEach適用于只是進行集合或數(shù)組遍歷,for則在較復雜的循環(huán)中效率更高,下面這篇文章主要給大家介紹了關于js中Array.forEach跳出循環(huán)的相關資料,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了js利用構造函數(shù)實現(xiàn)拖拽效果2015-12-12