当前位置：首页 > JavaScript > 小程序渲染时间格式

小程序渲染时间格式

一叶知秋2024-08-01 09:29:23JavaScript15

小程序中，可以使用 JavaScript 的 Date 对象来处理和格式化日期。以下是一些常用的日期格式化方法：

将日期对象转换为字符串：

const date = new Date();
const dateString = date.toLocaleString(); // 默认格式为 "年-月-日 时:分:秒"

自定义日期格式：

const date = new Date();
const dateString = date.toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }); // 格式为 "年-月-日 时:分"

将字符串转换为日期对象：

const dateString = '2022-01-01 12:00:00';
const date = new Date(dateString);

在 WXML 中显示日期：

<view>{{date}}</view> // 直接显示日期字符串
<view>{{date | dateFormat}}</view> // 使用过滤器格式化日期

自定义 WXML 过滤器：

在 .js 文件中定义一个过滤器函数：

Page({
  data: {
    date: new Date()
  },
  onLoad: function () {},
  dateFormat: function (value) {
    const date = new Date(value);
    const year = date.getFullYear();
    const month = ('0' + (date.getMonth() + 1)).slice(-2);
    const day = ('0' + date.getDate()).slice(-2);
    const hour = ('0' + date.getHours()).slice(-2);
    const minute = ('0' + date.getMinutes()).slice(-2);
    return `${year}-${month}-${day} ${hour}:${minute}`;
  }
});

然后，在 WXML 中使用该过滤器：