vue实例获取当前系统时间

摘要:
vue实例获得当前的系统时间渲染:code:{nowDate}}{{nowYear}}}{nowMouth}}{{nowWeek}}exportdefault{data(){return{nowYear:“”,nowMouth:“”,noDate:“”、nowWeek:“”},mouted(){this.getdate()},方法:{getdate(){constyear=newDate().getFullYear()constmount=newDate(().get-Month()+1<10?'0'+newDate(”).getdate():newDate().getdate()constweek=newDate(第{this.nowWeek=“星期三”}this nowYear=今年。nowMouth=装上这个。NowDate=date}}我还没有编写css样式。我可以每小时、每分钟、每秒钟通过相应的方法得到它。年、月和日也可以拼接
vue实例获取当前系统时间

效果图:

vue实例获取当前系统时间第1张

 代码:

<template>
    <div class="home1-3-1 clearfix">
        <span>{{ nowDate }}</span>
        <p> <em>{{ nowYear }}.{{ nowMouth }}</em> <i>{{ nowWeek }}</i> </p>
    </div>
</template>  
<script>
export default {
    data () {
        return {
            nowYear: '',
            nowMouth: '',
            nowDate: '',
            nowWeek: ''
        }
    },
    mouted(){
        this.getdate()
   },
    methods:{
        getdate() {
        const year = new Date().getFullYear()
        const mounth = 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 week = new Date().getDay()
        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 = '星期日'
        }
        this.nowYear = year
        this.nowMouth = mounth
        this.nowDate = date
      }
    }
}
</script>   

css样式我没有写,需要时分秒再通过其对应方法获取即可,年月日也可以进行拼接

免责声明:文章转载自《vue实例获取当前系统时间》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇mac卸载pythonJSON数据的解析和生成(Rust)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Java获取两个指定日期之间的所有月份(查询两个月份之间的相隔)

Java获取两个指定日期之间的所有月份String y1 = "2016-02";// 开始时间 String y2 = "2019-12";// 结束时间 try { Date startDate = new SimpleDateFormat("yyyy-MM").parse(y1); Date endDate = new SimpleDateForm...

vue中使用keepAlive(缓存页面&amp;amp;记忆上次浏览位置)及使用后生命周期的改变

以下部分内容转自博客(另外配有自己见解):https://www.cnblogs.com/nokelong/p/8116631.html 使用keepAlive缓存页面,一可以减少服务器请求次数,二则可以在用户返回上一页后记忆到上次浏览位置(ios端微信浏览器不适用,不兼容,需要另行配置:见例子(1)) keep-alive的介绍如下: 1,把切换出去的组...

PHPExcel正确读取excel表格时间单元格(转载)

error_reporting(E_ALL); date_default_timezone_set('Asia/shanghai'); /** PHPExcel_IOFactory */ require_once '../Classes/PHPExcel/IOFactory.php'; $inputFileName = '6081076641077444...

Linux系统时间和硬件时间设置

在linux系统中有两个时间,硬件时钟和系统时间,硬件时钟是指主机板上的时钟设备,也就是通常可在BIOS画面设定的时钟。系统时钟则是指kernel中的时钟。所有Linux相关指令与函数都是读取系统时钟的设定。因为存在两种不同的时钟,那么它们之间就会存在差异。当Linux启动时,系统时钟会去读取硬件时钟的设定,之后系统时钟即独立运作。 用date命令对系统时...

ORA-01843 无效的月份

ORA-01843 无效的月份 INSERT INTOcourse VALUES (10, 'Technology Concepts', 1195, NULL, 'DSCHERER', TO_DATE('29-03-2007 20:14:33', 'DD-MON-YYYY HH24:MI:SS'), 'ARISCHER', TO_DATE('05-A...

Vue中键盘事件

Vue中监听 键盘事件及修饰符 键盘事件:   keyCode 实际值 48到57   0 - 9 65到90 a - z ( A-Z ) 112到135 F1 - F24 8 BackSpace ( 退格 ) 9 Tab 13 Enter ( 回车 ) 20 Caps Lock ( 大写) 32 Space ( 空格键 ) 37 Left ( 左箭头...