//時間格式化函數(shù)，此處僅針對yyyy-MM-dd hh:mm:ss 的格式進行格式化
dateFormat:function(time) {
? ? var date=new Date(time);
? ? var year=date.getFullYear();
? ? /* 在日期格式中，月份是從0開始的，因此要加0
? ? ?* 使用三元表達式在小于10的前面加0，以達到格式統(tǒng)一 ?如 09:11:05
? ? ?* */
? ? var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
? ? var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
? ? var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
? ? var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
? ? var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
? ? // 拼接
? ? return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
}

{{dateFormat(create_time)}}
this.dateFormat(new Date())

<template>
    <div>
		<h1>vue 時間格式常見應用</h1>
		<h3>獲取當前時間（格式：年月日時分秒）：{{time}}</h3>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				time:''
			}
		},
		created() {
			this.getNowTime();
		},
		methods: {
			getNowTime(){
				const yy = new Date().getFullYear()
				const MM = (new Date().getMonth() + 1) < 10 ? '0' + (new             
                    Date().getMonth() + 1) : (new Date().getMonth() + 1)
				const dd = new Date().getDate() < 10 ? '0' + new Date().getDate() : new 
                    Date().getDate()
				const HH = new Date().getHours() < 10 ? '0' + new Date().getHours() : new 
                    Date().getHours()
				const mm = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : 
                     new Date().getMinutes()
				const ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : 
                     new Date().getSeconds()
				this.time = yy + '-' + MM + '-' + dd + ' ' + HH + ':' + mm + ':' + ss;
			}
		}
	}
</script>

<template>
    <div>
		<h1>vue 時間格式常見應用</h1>
		<h3>獲取當前標準時間（格式：年月日時分秒）：{{standard_time}}</h3>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				standard_time:''
			}
		},
		created() {
			this.getGMTtime();
		},
		methods: {
			getGMTtime(){
				this.standard_time =new Date();
			}
		}
	}
</script>

<template>
    <div>
		<h1>vue 時間格式常見應用</h1>
		<h3>獲取當前時間的時間戳：{{current_timestamp}}</h3>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				current_timestamp:''
			}
		},
		created() {
			this.getnowtimestamp();
		},
		methods: {
			getnowtimestamp(){
				var date = new Date();
				this.current_timestamp = Date.parse(date)
			}
		}
	}
</script>

<template>
   <h1>時間格式之間的轉換</h1>
	<h3>1.年月日時分秒格式轉換成標準時間</h3>
	<div style="display: flex;">
		<h5>假如將"2022-08-17 09:54:48"轉換成標準時間格式，則標準格式為：</h5>
		<h4>{{conversion_time}}</h4>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				conversion_time: new Date('2022-08-17 09:54:48')
			}
		}
	}
</script>

<template>
    <h1>時間格式之間的轉換</h1>
    <h3>2.標準時間轉換成年月日時分秒格式</h3>
    <div style="display: flex;">
		<h5>假如將"Wed Aug 17 2022 09:54:48 GMT+0800 (中國標準時間)"轉換成年月日時分秒格式，則        
        寫為：</h5>
		<h4>{{conversion_time1}}</h4>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				conversion_time1:'',
			}
		},
        created() {
			this.gettime();
		},
        methods: {
			gettime(){
				var date = new Date('Wed Aug 17 2022 09:54:48 GMT+0800 (中國標準時間)');
				var y = date.getFullYear();
				var m = date.getMonth() + 1;
				m = m < 10 ? ('0' + m) : m;
				var d = date.getDate();
				d = d < 10 ? ('0' + d) : d;
				var h = date.getHours();
				h = h < 10 ? ('0' + h) : h;
				var min = date.getMinutes();
				min = min < 10 ? ('0' + min) : min;
				var s = date.getSeconds();
				s = s < 10 ? ('0' + s) : s;
				this.conversion_time1 = y + '-' + m + '-' + d + ' ' + h + ':' + min + ':'             
                + s;
			}
        }
	}
</script>

<template>
    <h3>3.年月日時分秒格式轉換成時間戳</h3>
    <div style="display: flex;">
        <h5>假如將"2022-08-17 09:54:48"轉換成時間戳，則寫為：</h5>
		<h4>{{conversion_time2}}</h4>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				conversion_time2:Date.parse('2022-08-17 09:54:48')
			}
		}
	}
</script>