vue.js将unix时间戳转换为自定义时间格式
发布时间 - 2026-01-10 22:16:08 点击率:次本方法通过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前端组件学习教程》,欢迎大家学习阅读。
关于vue.js组件的教程,请大家点击专题vue.js组件学习教程进行学习。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
# vue.js
# unix
# 时间戳
# 自定义时间
# js 时间格式与时间戳的相互转换示例代码
# JS时间戳转换为常用时间格式的三种方式
# 在JS中如何把毫秒转换成规定的日期时间格式实例
# JS的时间格式化和时间戳转换函数示例详解
# js将当前时间格式转换成时间搓(自写)
# js中各种时间格式的转换方法举例
# JavaScript中几种时间格式之间的简单转换
# 自定义
# 转换为
# 已被
# 请大家
# 欢迎大家
# 可通过
# 需要注意
# 值为
# 大家多多
# 均已
# 格式为
# time
# ready
# function
# Vue
# br
# gt
# js
相关栏目:
【
网站优化151355 】
【
网络推广146373 】
【
网络技术251813 】
【
AI营销90571 】
相关推荐:
Claude怎样写约束型提示词_Claude约束提示词写法【教程】
实现点击下箭头变上箭头来回切换的两种方法【推荐】
制作电商网页,电商供应链怎么做?
济南网站建设制作公司,室内设计网站一般都有哪些功能?
Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程
EditPlus中的正则表达式实战(5)
JS去除重复并统计数量的实现方法
如何基于PHP生成高效IDC网络公司建站源码?
HTML透明颜色代码怎么让图片透明_给img元素加透明色的技巧【方法】
Laravel如何集成Inertia.js与Vue/React?(安装配置)
Laravel模型关联查询教程_Laravel Eloquent一对多关联写法
JavaScript如何实现倒计时_时间函数如何精确控制
手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办?
Laravel distinct去重查询_Laravel Eloquent去重方法
Angular 表单中正确绑定输入值以确保提交与验证正常工作
Laravel如何发送系统通知?(Notification渠道示例)
Laravel如何使用软删除(Soft Deletes)功能_Eloquent软删除与数据恢复方法
如何在企业微信快速生成手机电脑官网?
Laravel如何处理跨站请求伪造(CSRF)保护_Laravel表单安全机制与令牌校验
如何获取上海专业网站定制建站电话?
Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】
Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解
iOS UIView常见属性方法小结
如何用景安虚拟主机手机版绑定域名建站?
Laravel如何使用Gate和Policy进行授权?(权限控制)
Laravel如何使用Blade组件和插槽?(Component代码示例)
如何快速搭建FTP站点实现文件共享?
网易LOFTER官网链接 老福特网页版登录地址
,南京靠谱的征婚网站?
Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议
香港服务器WordPress建站指南:SEO优化与高效部署策略
Win11应用商店下载慢怎么办 Win11更改DNS提速下载【修复】
如何用PHP快速搭建CMS系统?
如何在HTML表单中获取用户输入并用JavaScript动态控制复利计算循环
如何在VPS电脑上快速搭建网站?
Laravel如何为API编写文档_Laravel API文档生成与维护方法
Laravel怎么使用Intervention Image库处理图片上传和缩放
如何在景安服务器上快速搭建个人网站?
使用spring连接及操作mongodb3.0实例
Laravel如何实现一对一模型关联?(Eloquent示例)
Laravel如何实现全文搜索_Laravel Scout集成Algolia或Meilisearch教程
利用python获取某年中每个月的第一天和最后一天
在线教育网站制作平台,山西立德教育官网?
如何解决hover在ie6中的兼容性问题
怎么用AI帮你为初创公司进行市场定位分析?
Laravel如何生成和使用数据填充?(Seeder和Factory示例)
如何快速建站并高效导出源代码?
企业在线网站设计制作流程,想建设一个属于自己的企业网站,该如何去做?
如何在局域网内绑定自建网站域名?
Laravel路由怎么定义_Laravel核心路由系统完全入门指南

