miniapp-template-ts/miniprogram/pages/date/date.wxml

<!--pages/date/date.wxml-->
<page-container title="日期时间格式化示例" backgroundColor="#123321" textColor="#ffffff">
  <view class="container">
    <!-- formatTime 函数示例 -->
    <view class="section">
      <view class="section-title">formatTime 函数示例</view>
      <view class="section-desc">固定格式：YYYY/MM/DD HH:mm:ss</view>
      <view class="example-list">
        <view class="example-item" wx:for="{{formatTimeExamples}}" wx:key="label">
          <view class="example-label">{{item.label}}：</view>
          <view class="example-value">
            <text class="result-text" selectable="{{true}}">{{item.value}}</text>
            <text
              class="copy-btn"
              data-text="{{item.value}}"
              bindtap="copyText"
              wx:if="{{item.value}}"
            >
              复制
            </text>
          </view>
        </view>
      </view>
    </view>

    <!-- formatDateTime 函数示例 - 不同格式模板 -->
    <view class="section">
      <view class="section-title">formatDateTime 函数示例 - 不同格式模板</view>
      <view class="section-desc">支持自定义格式模板，灵活配置日期时间显示格式</view>
      <view class="example-list">
        <view class="example-item" wx:for="{{formatDateTimeExamples}}" wx:key="label">
          <view class="example-label">{{item.label}}</view>
          <view class="example-format">格式模板：{{item.format}}</view>
          <view class="example-value">
            <text class="result-text" selectable="{{true}}">{{item.value}}</text>
            <text
              class="copy-btn"
              data-text="{{item.value}}"
              bindtap="copyText"
              wx:if="{{item.value}}"
            >
              复制
            </text>
          </view>
        </view>
      </view>
    </view>

    <!-- formatDateTime 函数示例 - 不同输入类型 -->
    <view class="section">
      <view class="section-title">formatDateTime 函数示例 - 不同输入类型</view>
      <view class="section-desc">支持 Date 对象、时间戳、日期字符串等多种输入类型</view>
      <view class="example-list">
        <view class="example-item" wx:for="{{inputTypeExamples}}" wx:key="label">
          <view class="example-label">{{item.label}}</view>
          <view class="example-format">输入：{{item.input}}</view>
          <view class="example-value">
            <text class="result-text" selectable="{{true}}">{{item.value}}</text>
            <text
              class="copy-btn"
              data-text="{{item.value}}"
              bindtap="copyText"
              wx:if="{{item.value}}"
            >
              复制
            </text>
          </view>
        </view>
      </view>
    </view>
  </view>
</page-container>