javascript實(shí)現(xiàn)日期格式轉(zhuǎn)換
<!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("日期輸入錯(cuò)誤");
}
}
}
}
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="請(qǐng)輸入日期" class="date">
</body>
</html>
把輸入的YYYY.MM.DD、YYYY。MM。DD、YYYYMMDD轉(zhuǎn)為YYYY-MM-DD
CheckDT這個(gè)function是在度娘里找的。
很簡(jiǎn)單實(shí)用的功能吧,小伙伴們可以直接拿去使用。
相關(guān)文章
jQuery設(shè)置和獲取select、checkbox、radio的選中值方法
select、checkbox、radio是很常用的表單控件,這篇文章主要介紹了jQuery設(shè)置和獲取select、checkbox、radio的選中值方法,有興趣的可以了解一下。2017-01-01《JavaScript高級(jí)程序設(shè)計(jì)》閱讀筆記(三) ECMAScript中的引用類(lèi)型
ECMAScript中的引用類(lèi)型,主要包括Object類(lèi)、Boolean類(lèi)、Number類(lèi)、String類(lèi)、instanceof運(yùn)算符2012-02-02echarts餅圖各個(gè)板塊之間的空隙如何實(shí)現(xiàn)
這篇文章主要給大家介紹了關(guān)于echarts餅圖各個(gè)板塊之間的空隙如何實(shí)現(xiàn)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12詳解微信小程序調(diào)起鍵盤(pán)性能優(yōu)化
這篇文章主要介紹了詳解微信小程序調(diào)起鍵盤(pán)性能優(yōu)化,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07JS從一組數(shù)據(jù)中找到指定的單條數(shù)據(jù)的方法
這篇文章給大家介紹基于js如何從一組數(shù)據(jù)中找到指定的單條數(shù)據(jù),非常實(shí)用,實(shí)現(xiàn)方案也很簡(jiǎn)單,需要的朋友可以參考下2016-06-06js與jQuery實(shí)現(xiàn)的用戶(hù)注冊(cè)協(xié)議倒計(jì)時(shí)功能實(shí)例【三種方法】
這篇文章主要介紹了js與jQuery實(shí)現(xiàn)的用戶(hù)注冊(cè)協(xié)議倒計(jì)時(shí)功能,結(jié)合實(shí)例形式分析了三種倒計(jì)時(shí)功能的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-11-11微信小程序如何調(diào)用圖片接口A(yíng)PI并居中顯示
這篇文章主要介紹了微信小程序如何調(diào)用圖片接口A(yíng)PI并居中顯示,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-06-06textarea支持圖形編輯的實(shí)現(xiàn)方法
本來(lái)以為只有iframe支持編輯了,今天突然發(fā)現(xiàn)textarea也支持編輯 :( 是不是我太愚鈍了? textarea不能用innerHTML來(lái)插入html,而用appendChild 這樣的話(huà)稍微修改下,評(píng)論等簡(jiǎn)單的textarea的表情插入就可以直接顯示出來(lái)了 而不是只顯示emot了 比較實(shí)用標(biāo)題起的確切,但如果叫“現(xiàn)textarea支持編輯”似乎更廢話(huà)2008-03-03javascript實(shí)現(xiàn)的固定位置懸浮窗口實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)的固定位置懸浮窗口,以一個(gè)完整實(shí)例形式詳細(xì)分析了javascript實(shí)現(xiàn)固定位置懸浮窗口的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04