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

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

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

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

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


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

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

<span>需求创建时间{{v.demand_createtime | time}}</span>
    Vue.filter('time', function (value) {
        return new Date(parseInt(value) * 1000).toLocaleString().replace(/年|月/g, "-").replace(/日/g, " ");
    })

涉及到时间我建议使用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>
【热门文章】
【热门文章】