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>

希望上文可以对像我一样的新手有所帮助~