获取当前时间并赋值到input输入框中

时间:2024-03-01 12:26:34

最近在做项目的时候,发现有一些地方是
系统自动生成的,是不需要用户自己输入的,
比如一些用户的编号、卡号等,都是系统获取
当前时间生成的,
在这里插入图片描述
这样获取的编号、卡号就看
起来很统一,看起来也比较美观,如果是用户
自己输入,就会很乱,什么都有,根本没法看;
接下来给大家系统自动获取时间并赋值到
文本框的教程:
第一步如下图所示:
在这里插入图片描述
首先得创建一个文本框,type类型就
是text类型,给它一个ID=’time’,
第二步如下图所示:
在这里插入图片描述
1、 new 出当前时间,
var time = new Date();
2、 getFullYear()这个方法是获取当前年的,
var h = time.getFullYear();//获取年
3、 getMonth()这个方法是获取当前月份的,
var m = time.getMonth() + 1;//获取月
4、 getDate()这个方法是获取当前是多少日的,
var d = time.getDate();//获取日
5、 getHours()这个方法是获取当前小时,
var H = time.getHours();//获取时
6、 getMinutes()这个方法是获取当前分钟的,
var M = time.getMinutes();//获取分
7、 getSeconds()这个方法是获取当前秒的,
var S = time.getSeconds();//获取秒
8、return “zy”+h+""+m+""+d+""+H+""+M+""+S; //返回 年月日时分秒
如果生成的编号或卡号,需要加入一些英文标识的,
如下图所示的:
在这里插入图片描述
这种就把“zy”改成“Y”就行了,
9、将获取到的 年月日时分秒 赋给input文本输入框
document.getElementById(“time”).value = time();

教程到这里就结束了,下面我们一起来看效果图:
在这里插入图片描述
如果前面需要加入英文前缀的就会变成下面这种;
在这里插入图片描述
以上就是这次教程的全部过程了;