大家好,我是考100分的小小码 ,祝大家学习进步,加薪顺利呀。今天说一说JavaScript获取当前操作时间[亲测有效],希望您对编程的造诣更进一步.
小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。
前言
吃饱饭才有力气写代码~
今天分享一个JavaScript里很常用的获取当前操作时间的方法,可以选择三种时间的格式,分别是年月日时分秒、年月日、时分秒; 效果图如下:
- 获取年月日时分秒:
- 获取年月日:
- 获取时分秒:
主要的方法如下所示:
//获取当前操作时间 type: 1-年月日时分秒 2-年月日 3-时分秒
getCurData(type){
function checkTime(i){
if (i<10){
i="0" + i;
}
return i;
} // 在小于10的数字钱前加一个‘0’
let timeNow;
var today=new Date();
var y=today.getFullYear();//获取完整年份(4位,如:2021)
var m=today.getMonth();//获取当前月份(0-11,其中0代表1月)
var d=today.getDate();//获取当前日(1-31)
var h=today.getHours();//获取当前小时数(0-23)
var i=today.getMinutes();//获取当前分钟数(0-59)
var s=today.getSeconds();//获取当前秒数(0-59)
m=m+1;
d=checkTime(d);
m=checkTime(m);
i=checkTime(i);
s=checkTime(s);
if(type==1){
timeNow = y + "-"+ m +"-"+ d +" " + h + ":" + i + ":" + s;
}
if(type==2){
timeNow = y + "-"+ m +"-"+ d;
}
if(type==3){
timeNow = h + ":" + i + ":" + s;
}
return timeNow;
},
为了展现效果,整体html代码如下:
<template>
<div id="app"> <span> <input v-model="time" placeholder="当前时间"/> <select @change="getCurData(type)" v-model="type" > <option>当前时间</option> <option value="1">年月日时分秒</option> <option value="2">年月日</option> <option value="3">时分秒</option> </select> </span> </div>
</template>
希望上文可以对像我一样的新手有所帮助~
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
转载请注明出处: https://daima100.com/13318.html