使用vue表达式对时间戳格式化

1). 页面html- vue表达式中跟上方法formatTime,页面打开后发现时间戳(毫秒表示)已经转换成功,页面html代码如下

<td class= "time">{{formatTime(scene.createTime)}}</td>

2). 定义用于时间格式化的js 函数

                // 对Date的扩展,将 Date 转化为指定格式的String
                    // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
                    // 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
                    Date.prototype.Format = function (fmt) { //author: meizz
                        var o = {
                            "M+": this.getMonth() + 1, //月份
                            "d+": this.getDate(), //日
                            "H+": this.getHours(), //小时
                            "m+": this.getMinutes(), //分
                            "s+": this.getSeconds(), //秒
                            "q+": Math.floor((this.getMonth() + 3) / 3), //季度
                            "S": this.getMilliseconds() //毫秒
                        };
                        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
                        for (var k in o)
                        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
                        return fmt;
                    };

3). Vue 变量和方法声明如下:

 var scenesVue = new Vue({
                    el: "#container",
                    data: {
                        scenes:[],
                    },
                    mounted: function(){

                    },
                    methods: {
                        initData: function(){
                            var sceneList = getDataByAjax("/orderdiffer/allscenes","GET", null, false);
                            this.scenes = sceneList.data;
                            //this.$options.methods.showTime();

                        },
                       //上面已经使用了该函数:
                        formatTime: function(dateUnix){
                            var time = new Date(dateUnix).Format("yyyy-MM-dd HH:mm:ss");
                            return time;
                        },

                    },
                });// end define vue
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值