uniapp时间戳转换为日期格式(年月日 时分秒)

文章介绍了如何在JavaScript中使用`formatDate`方法将时间戳转换为标准的日期格式(如YYYY-MM-DDHH:mm:ss),通过`newDate()`对象获取各个部分并组合输出。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

时间戳转换为日期格式

具体代码如下:

<view class="new-txt">
         {{formatDate(item2.createTime)}}
</view>
export default {

        data() {

                return {}

        },

        methods: {

                formatDate(value) {
                        const data = new Date(value);
                        const month = data.getMonth() + 1;
                        const day = data.getDate();
                        const year = data.getFullYear();
                        const hours = data.getHours();
                        const minutes = data.getMinutes();
                        const seconds = data.getSeconds();
                        const formattedTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
                        return formattedTime;

                }

        }

}
### 实现时间戳转换UniApp 中实现时间戳向 `年--日` 格式的转换,可以利用 Vue 的过滤器功能来简化操作。通过定义全局或局部过滤器,在模板中使用管道符 (`|`) 来调用这些过滤器完成数据格式化。 #### 定义过滤器函数 创建一个用于将 Unix 时间戳转换为指定日期字符串的方法: ```javascript // 在 main.js 或者其他合适的地方注册全局过滤器 export default function (Vue) { Vue.filter('formatDate', function(value, separator='-') { if (!value) return ''; let date = new Date(parseInt(value)); let y = date.getFullYear(); let m = ("0" + (date.getMonth() + 1)).slice(-2); let d = ("0" + date.getDate()).slice(-2); return `${y}${separator}${m}${separator}${d}`; }); } ``` 此代码片段展示了如何编写一个名为 `formatDate` 的过滤器,它接受两个参数:一个是待格式化的数值型时间戳 `value`;另一个是可选的分隔符,默认采用连字符 `-`[^1]。 #### 使用过滤器显示格式化后的日期 当页面接收到服务器响应并获取到时间戳后,可以在视图层直接应用上述自定义过滤器来进行展示: ```html <template> <!-- 假设 item.create_time 是从服务端接收的时间戳 --> <view class="example"> 创建时间:<text>{{item.create_time | formatDate}}</text> </view> </template> <script> import { mapState } from 'vuex'; export default { computed: { ...mapState(['items']) } }; </script> ``` 这段 HTML 和 JavaScript 结合的例子说明了怎样在一个组件内运用之前定义好的过滤器去呈现经过处理过的日期信息[^3]。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值