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);

完美解决。
最终效果

你可能感兴趣的:(建站随笔)