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
Logo

前往低代码交流专区

更多推荐