200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > vue获取当前系统时间 日期及星期几

vue获取当前系统时间 日期及星期几

时间:2024-07-13 03:11:23

相关推荐

vue获取当前系统时间 日期及星期几

<template><div><p>{{date_show }} - {{week }}</p><p>{{time_show }}</p></div></template><script>export default {data(){return{week:'',// 本周周几date_show:'', //本日日期time_show:'',//当前时间,时分秒}},mounted(){// 获取日期-星期this.getdataTime()// 读秒setInterval(() => {this.getnewTime()},1000)},methods:{// 获取当前系统日期getdataTime(){let wk = new Date().getDay() let yy = new Date().getFullYear();let mm = new Date().getMonth() + 1;let dd = new Date().getDate();let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']this.week = weeks[wk]this.date_show = yy + "年" + mm + "月" + dd + "日"},// 获取当前系统的时间getnewTime(){let hh = new Date().getHours();let mf =new Date().getMinutes() < 10? "0" + new Date().getMinutes(): new Date().getMinutes();let ss =new Date().getSeconds() < 10? "0" + new Date().getSeconds(): new Date().getSeconds();this.time_show = hh + ":" + mf + ":" + ss;} }}</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。