html 自动获取当前时间填充到input框内

本文内容来源于最近项目开发中的一个需求,因为我也研究了老半天,终于实现该功能,所以特此整理记录一下。

这个需求要求将自动获取的当前时间填充到 input 框内,并且还可以修改时间,话不多说,直接上代码。

代码如下:

<div class="input-group">
    <span class="input-group-addon">上传时间</span>
    <input type="text" class="form-control" name="movie[year]" id="time" >
    //name 和 class 是自己命名的,写什么无所谓,id 等于的 time 只要和下面的名字对应就行
    <script>
        Date.prototype.format = function (fmt) {
            var o = {
		"y+": this.getFullYear, //年
		"M+": this.getMonth() + 1, //月份
		"d+": this.getDate(), //日
	    };
	    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
	    for (var k in o)
		if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
	    return fmt;
	}
	document.getElementById('time').value = (new Date()).format('yyyy-MM-dd');
    </script>			
</div>

效果如下:

html 自动获取当前时间填充到 input 框内

「点点赞赏,手留余香」

1

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » html 自动获取当前时间填充到input框内

发表回复