html代码

<span>{{ nowDate }}</span>
<span>{{ nowWeek }}</span>
<span>{{ nowTime }}</span>

js代码

methods: {
setNowTimes() {let myDate = new Date()let wk = myDate.getDay()let yy = String(myDate.getFullYear())let mm = myDate.getMonth() + 1let dd = String(myDate.getDate() < 10 ? '0' + myDate.getDate() : myDate.getDate())let hou = String(myDate.getHours() < 10 ? '0' + myDate.getHours() : myDate.getHours())let min = String(myDate.getMinutes() < 10 ? '0' + myDate.getMinutes() : myDate.getMinutes())let sec = String(myDate.getSeconds() < 10 ? '0' + myDate.getSeconds() : myDate.getSeconds())let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']let week = weeks[wk]this.nowDate = yy + '年' + mm + '月' + dd + '日'this.nowTime = hou + ':' + min + ':' + secthis.nowWeek = week},}created() {this.timer = setInterval(() => {this.setNowTimes()}, 1000)
},

VUE中获取当前的日期 星期 时间相关推荐

  1. 在perl中获取当前的日期和时间

    my ($sec,$min,$hour,$day,$mon,$year,$weekday,$yeardate,$savinglightday)   =  (localtime(time)); $sec ...

  2. 计算机获取的系统时间是什么时间格式,【excle怎样获取当前日期格式】如何在EXCEL中显示当天的日期和时间?...

    Excel中,如何用函数获取当前日期(即系统日期)的月份值? 个=month(today()). 当月=month(today()),当日=day(today()). =TODAY()获得当前日期,形 ...

  3. js获取 日期 星期 时间

    代码: <SCRIPT> function Refresh(){  Time.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.c ...

  4. 批处理获取当前系统日期及时间及星期转换为数字并加以格式美化的bat代码

    代码如下: @echo off&setlocal enabledelayedexpansion ::批处理获取当前系统日期及时间并格式美化的bat代码 echo 读取系统日期和时间(普通) e ...

  5. sql 日期和当前日期时间差_如何通过excel获取当前的日期和时间

    在用excel处理数据时,通过要获取当前的日期和时间,今天我们就来学习一下如何获取当前的日期和时间. 获取当前日期在B2单元格输入公式:=TODAY() 设置B2单元格里日期的显示格式,看下图 根据需 ...

  6. excel学习笔记:数据格式,单元格格式(快捷键,自动调整行列宽,条件格式,自定义格式,日期星期时间的设置,特殊数字,多种填充方式,从下拉列表选择,数据验证。)

    文章目录 数据格式.单元格格式 1. 快捷键 2. 自动调整列/行宽 3. 条件格式 4. 日期设置 5. 星期设置 6. 时间设置 7. 特殊数字 8. 选中多个填充,ctrl选中,输入100,ct ...

  7. 在vue中获取微信支付code及code被占用问题的解决?

    在vue中获取微信支付code及code被占用问题的解决? 参考文章: (1)在vue中获取微信支付code及code被占用问题的解决? (2)https://www.cnblogs.com/pana ...

  8. vue 给标签添加data属性_在Vue中获取自定义属性方法:data-id的实例

    获取自定义属性的方法: 第一步:首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面 第二步:在标签上继续绑定:date-id = ...

  9. vue-html5-editor接收数据,在vue中获取wangeditor的html和text的操作

    目的:vue 中获取 wangeditor 的 html 和 text. 补充知识:vue-cli webpack 引入 wangeditor(轻量级富文本框) 1:使用npm下载: //(注意 wa ...

最新文章

  1. AI来编程,码农何去何从?
  2. Apache用户认证、域名跳转、Apache访问日志
  3. [BZOJ 1070][SCOI2007]修车(费用流)
  4. Python基础教程: with语句详解
  5. cache control 里 no-cache 和 no-store 的区别
  6. 第七周作业——简单FTP
  7. 数组黑科技(偏性能方面)未完待更新...
  8. c++STL中的find()函数 有两种使用方法
  9. Lucene.net站内搜索—5、搜索引擎第一版实现
  10. 20170124L07-03-01老男孩linux运维实战培训-生产环境大于254台机器网段划分及路由解决方案案例...
  11. Oracle corrupt block(坏块) 详解
  12. [Asp.net]Uploadify上传大文件,Http error 404 解决方案 - wolfy
  13. python教程2019全套-如何领取Python2019 全套视频教程
  14. SDN Overlay网络中虚机到物理机的数据包的转发
  15. Keras(六)Autoencoder 自编码 原理及实例 Savereload 模型的保存和提取
  16. 如何在word中安装grammarly
  17. 程序人生 - 错过等一年!杭州人独属的惠民福利,还有最后三天
  18. 计算机的数字符号化是什么,电脑输入数字变成符号怎么办
  19. redis之发布订阅
  20. 前端怎么画三角形_用CSS画一个三角形

热门文章

  1. ubuntu18.04安装pytorch1.9.0和torchvision0.10.0
  2. Nodejs https请求
  3. 话说OpenCL(一)
  4. 基础语言-第17天-正则表达式
  5. 轻应用能否创造社交营销新商业价值
  6. 新媒体如何视频营销、作高质量的动图、企业视频的策划?
  7. 有哪些好用的安卓解压缩app?这3款让传输更容易!
  8. 探索工业软件之魂,板凳要坐十年冷 |中科院软件所蔡少伟专访
  9. OpenWrt路由器安装Seafile私有云存储系统
  10. 抽奖大转盘-React-移动端