获取当前时间,并转换为时间戳

获取当前日期以及日期和时间戳的转换

		<p>当前时间:{{getTimes}}</p>
		<p><button @click="handleClick">时间转换成时间戳:</button>{{timestamp}}</p>
		<p><button @click="changeTime">时间戳转换成时间:</button>{{times}}</p>
		data(){
			return{
				getTimes:"",
				timestamp:"",
				times:""
			}
		},
		mounted(){
			this.curTime();
		},
		methods:{
			curTime(){//获取当前时间
			    var date = new Date();
			    var month = date.getMonth() + 1;
			    var strDate = date.getDate();
			    month =(month<10 ? "0"+month:month); 
			    if (strDate >= 0 && strDate <= 9) {
			        strDate = "0" + strDate;
			    }
			    this.getTimes = date.getFullYear() + "-" + month + "-" + strDate + " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
			    return this.getTimes;
			   
			},
			handleClick(){//将当前时间转换为时间戳
				var date = new Date( this.getTimes );
			    // 有三种方式获取
			    this.timestamp = date.getTime();//会精确到毫秒
			    var time2 = date.valueOf();//会精确到毫秒
			    var time3 = Date.parse(date);//只能精确到秒,毫秒用000替代
			    console.log(time2);//1398250549123
			    console.log(time3);//1398250549000
			},
			changeTime(){
				var date = new Date(this.timestamp);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
		        var Y = date.getFullYear() + '-';
		        var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
		        var D = date.getDate() + ' ';
		        var h = date.getHours() + ':';
		        var m = date.getMinutes() + ':';
		        var s = date.getSeconds();
		        this.times = Y+M+D+h+m+s;
			}
			
		}

效果如下:
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值