vue调用日期_vue调用Moment显示时间

珠海猪场数据展视      {{ now | dateformat('YYYY-MM-DD HH:mm:ss') }}

今日已入场  :   1000

已交易单次  :   600

已交易数量  :   500

生产效率比  :   50%

分 切 进 度  :   30%

屠 宰 进 度  :   50%

已 交 易 额  :   60%

冷   链   车  :   1000辆

已   激   费  :   10000元

// 导入chart组件

import XChart from './chart.vue'

// 导入chart组件模拟数据

import { option1, option2, option3, option4, option5, option6 } from '@/chart-options/options'

import moment from 'moment'

export default {

name: 'app',

data() {

return {

test1: 'test1',

test2: 'test2',

test3: 'test3',

test4: 'test4',

test5: 'test5',

test6: 'test6',

option1: option1.bar,

option2: option2.bar,

option3: option3,

option4: option4,

option5: option5,

option6: option6,

now: moment()

}

},

components: {

XChart

},

filters: {

dateformat(dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {

return moment(dataStr).format(pattern)

}

},

created() {

this.option1.series[0].data[0]

console.log(this.$refs.option1)

},

mounted() {

setInterval(() => {

this.now = moment()

}, 1000)

},

methods: {

}

}

.aa, .bb, .dd, .ee {

width: 500px;

height: 300px;

float: right;

margin-left: 90px;

}