vue.js渲染时间磋该怎么处理?

Question

            <template v-for="v in demand">
                <span>需求创建时间{{v.demand_createtime}}</span>
            </template>

渲染结果
//--------------------------------------
需求创建时间1466248396

如何用vue.js把时间磋转换成北京时间

Answer 1

<span>需求创建时间{{v.demand_createtime | time}}</span>

    Vue.filter('time', function (value) {
        return new Date(parseInt(value) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
    })

Answer 2

涉及到时间我建议使用moment.js这个业界牛逼的类库

像这种展示的逻辑，我建议你写成一个filter

Vue.filter('moment', function (value, formatString) {
    formatString = formatString || 'YYYY-MM-DD HH:mm:ss';
    return moment(value).format(formatString);
});

<template v-for="v in demand">
    <span>需求创建时间{{v.demand_createtime | moment}}</span>
</template>

Answer 3

上面的问答都是用filter在花括号和v-bind中使用，但是我在列表渲染的时候，用的是prop属性，那应该怎么格式化时间戳呢？

Answer 4

{{ }} 里可以写 js 表达式，试试这样写。

<template v-for="v in demand">
    <span>需求创建时间{{ new Date(v.demand_createtime).toLocaleString() }}</span>
</template>