获取当前日期以及日期和时间戳的转换
<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;
}
}
效果如下: