视图转化日期时间-阿南达文事网

视图转化日期时间

上一次已经说了在数据返回之前就把日期时间的格式转化，现在说一下在视图就是数据返回后在进行转化的，虽然这个方法我个人觉得就是繁琐了一点，但是它还是比较通俗易懂的。
首先就是要在渲染的表格那里写一个自定义的方法进行修改。例如下面这样
, { 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否则执行bvar 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，前面补0var month = ("0" + (date.getMonth() + 1)).slice(-2);//格式化月，如果小于9var today = date.getFullYear() + "-" + (month) + "-" + (day) + " " + (Hours + ":" + Minutes + ":" + Seconds);//拼装完整时间日期格式return today;}

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

视图转化日期时间