日期——年月日星期时间封装和年月日时间封装

年月日星期时间

  function nowDate(time) {
    var getTime = new Date().getTime(); //获取到当前时间戳
    var time = new Date(getTime); //创建一个日期对象
    var year = time.getFullYear(); // 年
    let wk = new Date().getDay()
    var month = (time.getMonth() + 1).toString().padStart(2, '0'); // 月
    var date = time.getDate().toString().padStart(2, '0'); // 日
    var hour = time.getHours().toString().padStart(2, '0'); // 时
    var minute = time.getMinutes().toString().padStart(2, '0'); // 分
    var second = time.getSeconds().toString().padStart(2, '0'); // 秒
    let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
    let week = weeks[wk]
    return (
      year + "年" + month + "月" + date + "日"+week +  hour + ":" + minute + ":" + second
    )
  }
export default nowDate

年月日时间

  function nowDate(time) {
    var getTime = new Date().getTime(); //获取到当前时间戳
    var time = new Date(getTime); //创建一个日期对象
    var year = time.getFullYear(); // 年
    var month = (time.getMonth() + 1).toString().padStart(2, '0'); // 月
    var date = time.getDate().toString().padStart(2, '0'); // 日
    var hour = time.getHours().toString().padStart(2, '0'); // 时
    var minute = time.getMinutes().toString().padStart(2, '0'); // 分
    var second = time.getSeconds().toString().padStart(2, '0'); // 秒
    return (
      year + "年" + month + "月" + date + "日"+  hour + ":" + minute + ":" + second
    )
  }
export default nowDate

vue3引入使用

<script setup lang="ts">
import  nowDate  from '@/utils/date'
const date = ref()

onMounted(()=>{
  setInterval(()=>{
    date.value = nowDate()
    // console.log(date.value,'-----------')
  },1000)
})
</script>