1. 程式人生 > >html日期控制元件預設設定為當天日期

html日期控制元件預設設定為當天日期

最近在製作html+css+js的網站時,需要製作一個留言模組,在製作功能時有一個日期控制元件,需要實現對input裡的value賦值當天日期。先前在各個網站找了許多相關說明。最初採用的方式是
html程式碼內

css樣式裡寫:
input[type=”date”]:before{
content:attr(placeholder);
}
input[type=”date”].full:before{
content:”“!important;
}
js裡程式碼:
var now = new Date();
//格式化日,如果小於9,前面補0
var day = (“0” + now.getDate()).slice(-2);
//格式化月,如果小於9,前面補0
var month = (“0” + (now.getMonth() + 1)).slice(-2);
//拼裝完整日期格式
var today = now.getFullYear()+”-“+(month)+”-“+(day) ;
//完成賦值
$(‘#datenow’).value(today)

發現只能實現在input裡前面增加文字,而日期仍然不能顯示預設當天時間。
(html裡其餘程式碼包括js css的引用程式碼 就不寫了)

再次在網上尋找答案後,將上面js裡的程式碼改為
var now = new Date();
//格式化日,如果小於9,前面補0
var day = (“0” + now.getDate()).slice(-2);
//格式化月,如果小於9,前面補0
var month = (“0” + (now.getMonth() + 1)).slice(-2);
//拼裝完整日期格式
var today = now.getFullYear()+”-“+(month)+”-“+(day) ;
document.getElementById(“datenow”).value=(today);

完美解決。
最終效果