vue $1-1——动态显示当前日期+时间

最新推荐文章于 2025-12-17 10:59:42 发布

原创

最新推荐文章于 2025-12-17 10:59:42 发布 · 1.4k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue #动态显示当前日期 #动态显示当前时间

vue $1-1——动态显示当前日期+时间

写的不好不要见怪，都是自己一个项目一个项目累积起来的

实现的效果————背景图和透明度需要自己加css哦~

实现效果

<template>
<div>{
  
  {currentTime}}</div>
</template>
<script>
export default {
    
    
  data() {
    
    
    return {
    
    
      currentTime: "", //要显示的当前时间
      getTime: new Date(), //获取到的时间
      millisecond: false, //毫秒
    };
    methods: {
    
    
    //设置年月日时分秒
    getTime() {
    
    
      var str = "";
      var dt =