js 获取当前时间

前言

使用vue.js 进行项目开发，过程中经常用到获取当前时间， 每次都要写太浪费时间， 不如单独封装起来，需要的时候通过mixin 引入组件， 就完成啦

---

二、使用步骤

在src 下面新建 mixins 文件夹,随后建一个.js的文件，将以下代码copy 进去：

export default {
  computed: {
    time_transform() {
      let strDate = ''
      const date = new Date()
      const Y = date.getFullYear() + '-'
      const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'
      const D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '
      const h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'
      const m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'
      const s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
      strDate = Y + M + D + h + m + s
      return strDate
    }
  }
}

2.读入数据

在组件中使用：

	<script>
		import time_transform from '@/mixins/timeTransform';
		export default {
			name："demo",
			mixins: [time_transform],
			data(){
				return{
				}
			},
			mounted(){
				console.log('获取当前时间',this.time_transform)
			}
		}
	</script>

在需要的时候直接this.time_transform就能拿到当前时间了。

---