vue 获取互联网时间

川长思鸟来 2022-11-01 13:54 19阅读 0赞

<script>
    	export default { 
    	  name: "date",
    	  data() { 
    	    return { 
    	      Time: "", // 存放组装好的时间显示
    	      Data: "", // 存放组装好的年月日
    	      nowWeek:"", // 存放星期
    	  }，
    	  mounted() { 
    	    this.getDate();
    	  },
    	  
    	  methods: { 
    		//获取互联网时间
    	    getDate() { 
    	      const year = new Date().getFullYear()
    	      const month = new Date().getMonth() + 1 < 10 ? '0' + (new Date().getMonth() + 1) : (new Date().getMonth() + 1)
    	      const date = new Date().getDate() < 10 ? '0' + new Date().getDate() : new Date().getDate()
    	      const hh = new Date().getHours() < 10 ? '0' + new Date().getHours() : new Date().getHours()
    	      const mm = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
    	      const ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
    	      const week = new Date().getDay()
    	      this.Time= hh + ':' + mm + ':' + ss
    	      this.Data= year + '年' + month + '月' + date + '日' + ' '
    	      
    	      if (week === 1) { 
    	        this.nowWeek = '星期一'
    	      } else if (week === 2) { 
    	        this.nowWeek = '星期二'
    	      } else if (week === 3) { 
    	        this.nowWeek = '星期三'
    	      } else if (week === 4) { 
    	        this.nowWeek = '星期四'
    	      } else if (week === 5) { 
    	        this.nowWeek = '星期五'
    	      } else if (week === 6) { 
    	        this.nowWeek = '星期六'
    	      } else if (week === 27) { 
    	        this.nowWeek = '星期日'
    	      }
    	    }
    	}
    }
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，19人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue获取当前时间

取当天日期： //获取当天日期 function dateFormatnow() { var date = new Date(); ...

系统管理员/ 2024年04月20日 09:15/ 0 赞/ 90 阅读

相关 vue获取当前时间

ue获取当前时间： <template> <div id="homeHeader" class="clearfix"> <div c...

比眉伴天荒/ 2024年04月17日 06:23/ 0 赞/ 80 阅读

相关 Vue获取当前日期时间、获取指定时间的前、后多少天的日期

[https://blog.csdn.net/ForeverBana/article/details/103472751][https_blog.csdn.net_Foreve

雨点打透心脏的1/2处/ 2023年02月21日 12:25/ 0 赞/ 39 阅读

相关 vue 获取互联网时间

<script> export default { name: "date", data() { retur

川长思鸟来/ 2022年11月01日 13:54/ 0 赞/ 20 阅读

相关使用Vue写记事本--时间获取

大家好，及其对记事本的完善以及时间的推理，更能在生活中写一个时间的管理计划以及对事件的安排都是非常完美的，哈哈哈 <!DOCTYPE html> <html

布满荆棘的人生/ 2022年09月07日 05:55/ 0 赞/ 190 阅读

相关获取时间

public class Test(){ public static String FORMAT_SHORT = "yyyy-MM-dd";

我就是我/ 2022年07月10日 23:46/ 0 赞/ 223 阅读

相关获取时间

Java获取系统时间 Date day=new Date(); SimpleDateFormat df = new SimpleDateFormat("yyyy

蔚落/ 2022年06月01日 14:10/ 0 赞/ 279 阅读

相关 JAVA获取时间，获取指定时区时间

别忘了倒包指定时区还能解决一些时间不统一等小问题 public class DataTimeUtil \{ public static String g

清疚/ 2022年05月23日 02:52/ 0 赞/ 350 阅读

相关 vue 实现获取验证码时间递减功能

vue 实现获取验证码时间递减功能关于获取验证码时间递减的情况，最常用的是出现在注册界面，当我们点击获取验证码之后，然后时间通常为60s递减，那么vue是怎么实现的

男娘i/ 2022年05月20日 00:55/ 0 赞/ 258 阅读

相关 Vue - 获取当前时间，并实时刷新

一. Vue 中如何获取当前时间，并实时更新当前时间 1. `data` 生命周期中定义两个变量 data() { ret

我不是女神ヾ/ 2021年07月25日 19:04/ 0 赞/ 981 阅读