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

在构建HTML网站时,为了实现留言模块的日期输入,需要让日期控件默认显示当天日期。通过JavaScript获取当前时间并格式化为YYYY-MM-DD格式,然后设置input[type='date']的value属性。最初的CSS尝试未能成功显示日期,但通过修改JavaScript代码,使用document.getElementById('datenow').value=(today)成功地将当前日期设置到日期输入框中。
摘要由CSDN通过智能技术生成

最近在制作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(

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值