视图转化日期时间

本文介绍了在数据返回后如何在视图层面转换日期时间格式。通过在表格渲染时添加自定义方法getOperatingTime,利用字符串操作如split()和replace()去除多余内容。还探讨了parseInt()方法的两种模式,并提供了两种不同的处理方式:一种是结合slice()方法,另一种是封装成通用方法。最后,文章提到了方法的应用示例和效果展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

上一次已经说了在数据返回之前就把日期时间的格式转化,现在说一下在视图就是数据返回后在进行转化的,虽然这个方法我个人觉得就是繁琐了一点,但是它还是比较通俗易懂的。
首先就是要在渲染的表格那里写一个自定义的方法进行修改。例如下面这样
, { templet: getOperatingTime, title: ‘视图:操作时间’, width: 180, }
接着就是写这个方法了,这个方法必须要回调函数的啊。

function getOperatingTime(data) {
var OperatingTime = data.OperatingTime;
这里可以用替换和分割把多余的东西去掉但是.split("")方法不允许连续分割,要分割比较麻烦,但是这个方法可以应付特殊的返回数据。
//replace("", “”).replace("","")允许连续替换但是应付不了特殊的情况,需要另写代码预防特殊值

     var datetime = OperatingTime.replace("/Date(", "").replace(")/", "");
if (datetime.indexOf("+") > 0) {
                datetime = jsondate.substring(0, jsondate.indexOf("+"));
            }
            else if (datetime.indexOf("-") > 0) {
                datetime = jsondate.substring(0, jsondate.indexOf("-"));
            }
       var date = new Date(parseInt(datetime, 10));

下面简单介绍一下parseInt()方法,它有两种模式,即默认模式和基模式。
采用默认模式,parseInt()方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学计数法)只输出数字;
parseInt() 方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由 parseInt() 方法的第二个参数指定的。
下面我给大家准备了两种不同的组合方法
方法一:

var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;//月。
A<B?a:b   三目运算符,如果A小于B就执行a否则执行b
 var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();//日
 var hours = date.getHours() > 9 ? date.getHours() : "0" + date.getHours();//时
 var minutes = date.getMinutes() > 9 ? date.getMinutes() : "0" + date.getMinutes();//分
 var seconds = date.getSeconds() > 9 ? date.getSeconds() : "0" + date.getSeconds();//秒
 var str = date.getFullYear() + "-" + month + "-" + currentDate + " " + hours + ":" + minutes + ":" + seconds;
 //拼接完整的时间日期

下面先给大家过一下slice(start,end)这个方法吧。
它可以有两个参数,一必须一可选
start必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
end可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素
方法二:

 var Seconds = ("0" + date.getSeconds()).slice(-2);//秒
     var Minutes = ("0" + date.getMinutes()).slice(-2);//分
     var Hours = ("0" + date.getHours()).slice(-2);//时
     var day = ("0" + date.getDate()).slice(-2);//格式化日,如果小于9,前面补0
     var month = ("0" + (date.getMonth() + 1)).slice(-2);//格式化月,如果小于9
     var today = date.getFullYear() + "-" + (month) + "-" + (day) + " " + (Hours + ":" + Minutes + ":" + Seconds);
     //拼装完整时间日期格式
            return today;
 }

大家可以把这个方法封装好方便以后的使用,如果就是用一次的话就不用了。到这里就本介绍就完成了,下面请看效果图。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值