研究了兩天javascript日期相關(guān)的內(nèi)容，一句話總結(jié)：“瀏覽器可以用上十萬年，因?yàn)閖avascript支持的時(shí)間范圍就是這么長(zhǎng)”。

通過實(shí)驗(yàn)來看，比較好用的是type="date",及type="datetime-local"

關(guān)于設(shè)置值的結(jié)論：

(1)2020-03-26格式可用于date、datetime

(2)2020-03-26 22:32:07格式僅可以用于datetime

(3)2020-03-26T22:33:03格式可以用于datetime、datetime-local

關(guān)于輸入及校驗(yàn)日期的正確性：能輸入不代表就能正確轉(zhuǎn)換成日期

代碼：沒寫過WEB程序，算是個(gè)練習(xí)，將就著看吧。

table.gridtable {

font-family: verdana,arial,sans-serif;

font-size: 11px;

color: #333333;

border-width: 1px;

border-color: #666666;

border-collapse: collapse;

}

table.gridtable th {

border-width: 1px;

padding: 8px;

border-style: solid;

border-color: #666666;

background-color: #dedede;

text-align: center;

}

table.gridtable td {

border-width: 1px;

padding: 8px;

border-style: solid;

border-color: #666666;

background-color: #ffffff;

}

function FormatDate() {

//var current = new Date();

var now = new Date();

var year = now.getFullYear();

//month返回?cái)?shù)組(0-11)

var month = ("0" + (now.getMonth() + 1)).slice(-2);

//getDate返回日期(1-31)

var day = ("0" + now.getDate()).slice(-2);

var formatedDate = year + "-" + month + "-" + day;

//alert("系統(tǒng)時(shí)間:" + now + "\n格式化時(shí)間：" + formatedDate);

return formatedDate;

}

function FormatDate1() {

//var current = new Date();

var now = new Date();

var year = now.getFullYear();

//month返回?cái)?shù)組(0-11)

var month = ("0" + (now.getMonth() + 1)).slice(-2);

//getDate返回日期(1-31)

var day = ("0" + now.getDate()).slice(-2);

var formatedDate = year + "/" + month + "/" + day;

//alert("系統(tǒng)時(shí)間:" + now + "\n格式化時(shí)間：" + formatedDate);

return formatedDate;

}

function FormatDateTime() {

//var current = new Date();

var now = new Date();

var year = now.getFullYear();

//month返回?cái)?shù)組(0-11)

var month = ("0" + (now.getMonth() + 1)).slice(-2);

//getDate返回日期(1-31)

var day = ("0" + now.getDate()).slice(-2);

//

var hour = ("0" + now.getHours()).slice(-2);

var minute = ":" + ("0" + now.getMinutes()).slice(-2);

var second = ":" + ("0" + now.getSeconds()).slice(-2);

var formatedDate = year + "-" + month + "-" + day + " " + hour + minute + second;

//alert("系統(tǒng)時(shí)間:" + now + "\n格式化時(shí)間：" + formatedDate);

return formatedDate;

}

function FormatDateTimeLocal() {

//var current = new Date();

var now = new Date();

var year = now.getFullYear();

//month返回?cái)?shù)組(0-11)

var month = ("0" + (now.getMonth() + 1)).slice(-2);

//getDate返回日期(1-31)

var day = ("0" + now.getDate()).slice(-2);

//

var hour = ("0" + now.getHours()).slice(-2);

var minute = ":" + ("0" + now.getMinutes()).slice(-2);

var second = ":" + ("0" + now.getSeconds()).slice(-2);

var formatedDate = year + "-" + month + "-" + day + "T" + hour + minute + second;

return formatedDate;

}

input標(biāo)簽typeinput標(biāo)簽輸入格式測(cè)試

input type="date"

input type="datetime"

input type="datetime-local"

function setDate1() {

var str = FormatDate();

$("#lb00001").prop("innerHTML", str);

$('#mydate00001').prop('value',str );

$('#mydate00002').prop('value', str);

$('#mydate00003').prop('value', str)

}

function setDate2() {

var str = FormatDateTime();

$("#lb00002").prop("innerHTML", str);

$('#mydate00001').prop('value', str);

$('#mydate00002').prop('value', str);

$('#mydate00003').prop('value', str);

}

function setDate3() {

var str = FormatDateTimeLocal();

$("#lb00003").prop("innerHTML", str);

$('#mydate00001').prop('value',str);

$('#mydate00002').prop('value', str);

$('#mydate00003').prop('value', str);

}

---

function dateTest() {

var result="";

$("input[type='date']")

.each(function () {

var v = new Date($(this).val());

result += "\ndate取值:" + $(this).val() + "\n日期時(shí)間轉(zhuǎn)換后的值:" + v

}

);

$("input[type='datetime']")

.each(function () {

var v = new Date($(this).val());

result += "\ndatetime取值:" + $(this).val() + "\n日期時(shí)間轉(zhuǎn)換后的值:" + v

}

);

$("input[type='datetime-local']")

.each(function () {

var v = new Date($(this).val());

result += "\ndatetime-local取值:" + $(this).val() + "\n日期時(shí)間轉(zhuǎn)換后的值:" + v

}

);

alert(result);

};

標(biāo)簽：slice,設(shè)置,month,標(biāo)簽,prop,str,var,input,now

來源： https://www.cnblogs.com/lnwuyaowei/p/12578090.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的html input日期值,input标签设置时间值的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。