1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html日期默认 html日期控件默认设置为当天日期

html日期默认 html日期控件默认设置为当天日期

时间:2021-04-02 02:57:51

相关推荐

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

完美解决。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。