vue.js将unix时间戳转换为自定义时间格式
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
vue.js将unix时间戳转换为⾃定义时间格式本⽅法通过vue.js filter实现将unix时间戳转换为⾃定义标准时间格式
<!-- js代码 -->
$().ready(function() {
<!-- ⾃定义filter名称为'time' -->
Vue.filter('time',
<!-- value 格式为13位unix时间戳 -->
<!-- 10位unix时间戳可通过value*1000转换为13位格式 -->
function(value) {
var date = new Date(value);
Y = date.getFullYear(),
m = date.getMonth() + 1,
d = date.getDate(),
H = date.getHours(),
i = date.getMinutes(),
s = date.getSeconds();
if (m < 10) {
m = '0' + m;
}
if (d < 10) {
d = '0' + d;
}
if (H < 10) {
H = '0' + H;
}
if (i < 10) {
i = '0' + i;
}
if (s < 10) {
s = '0' + s;
}
<!-- 获取时间格式 2017-01-03 10:13:48 -->
// var t = Y+'-'+m+'-'+d+' '+H+':'+i+':'+s;
<!-- 获取时间格式 2017-01-03 -->
var t = Y + '-' + m + '-' + d;
return t;
});)
};
<!-- html代码 -->
<!-- 在需要转换格式的位置使⽤名为time的vue.js filter -->
<td>{{tab2.fb1 | time}}</td>
以上js代码中,年⽉⽇时分秒均已经获取到,可以⾃定义拼装成需要的标准格式。
需要注意,本⽅法中的传⼊值为13位unix时间戳,转换⽅式详参js代码注释。
function(value){…}部分可以单独提取出来作为普通的js⽅法使⽤。
本⽂已被整理到了《》,欢迎⼤家学习阅读。
关于vue.js组件的教程,请⼤家点击专题进⾏学习。
以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持。