您现在的位置是:网站首页> 编程资料编程资料
uniapp时间格式化处理实现_javascript技巧_
2023-05-24
589人已围观
简介 uniapp时间格式化处理实现_javascript技巧_
应用需求分析:前台页面有时需要展示YYYY-MM-DD格式,但后台却返回给我们YYYY-MM-DD hh:mm:ss、或者是一串字符
//格式化处理 方式一: dateFormat(time) { let date = new Date(time); let year = date.getFullYear(); // 在日期格式中,月份是从0开始的,因此要加0,使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05 let month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); let hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); let minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); let seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); // 拼接 // return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds; return year + "-" + month + "-" + day; }, {{ dateFormat(item.rukudate) }} 或者
{{ dateFormat(item.yuyuedate) }} //格式化处理 方式二: // 时间过滤器 filters:{ formatDate(date){ console.log(date) let newDate = new Date(date); let year = newDate.getFullYear(); let month = newDate.getMonth().toString().padStart(2,0); let day = newDate.getDay().toString().padStart(2,0); return year + '-' + month + '-' + day; } },发表时间:{{ item.add_time | formatDate }}
PS:uniapp实现时间格式化,显示几分钟之前
{{time}}
到此这篇关于uniapp时间格式化处理实现的文章就介绍到这了,更多相关uniapp 时间格式化内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- vue高德地图JS API实现海量点标记示例_vue.js_
- vue2中组件互相调用实例methods中的方法实现详解_vue.js_
- 利用JavaScript实现仿QQ个人资料卡效果_javascript技巧_
- vue引入elementUi后打开页面报错Uncaught TypeError的解决方式_vue.js_
- three.js中正交与透视投影相机的实战应用指南_javascript技巧_
- ThreeJS从创建场景到使用功能实例详解_javascript技巧_
- ES6中Set和Map数据结构的简单讲解_javascript技巧_
- vue源码解读子节点优化更新_vue.js_
- svgicon组件使用方法示例详解_JavaScript_
- React中的JSX { }的使用详解_React_
