ExtJs6 时间转换为'x天','x小时','x分','x秒前'并且鼠标移上去悬浮提示具体时间

不废话，上代码：
grid部分：
columns : [
{
bind : {
text : '{createtime}'
},
dataIndex : 'createtime',
renderer : 'convertSTime'
}
]
controller部分：
convertSTime : function(val, metaData, rcd){
if (val) {
var now = new Date(),
longTime = now.getTime() - val,
day = parseInt(longTime/(24 * 60 * 60 * 1000)),
hour = parseInt((longTime/(60 * 60 * 1000) - day * 24)),
min = parseInt(((longTime/(60 * 1000))- day * 24 * 60 - hour * 60)),
sec = parseInt((longTime/1000 - day * 24 * 60 * 60 - hour * 60 * 60 - min * 60)),
showVal = Ext.Date.format(new Date(val), 'Y-m-d H:i:s'), value = '';
if (day > 0) {
value += day + "天";
}
if (hour > 0) {
value += hour + "小时";
}
if (min > 0) {
value += min + "分";
}
value += sec + "秒 前";
metaData.tdAttr =  'data-qtip="' + showVal + '"';
return value;
}
}