微信小程序格式化日期的几种方式

最新推荐文章于 2023-12-08 20:05:34 发布

原创

最新推荐文章于 2023-12-08 20:05:34 发布 · 2.9k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #es6 #javascript

效果图

在这里插入图片描述

方式一

wxml 文件

<view class="container">
  <view class="wrap">
    <view class="item" wx:for="{
  
  {list}}" wx:key="index">
      <view class="top">
        <view class="img">
          <image src="{
  
  {item.img[0]}}"></image>
        </view>
        <view class="desc">
          <view class="title">{
  
  {item.name}}</view>
          <view class="subtitle">{
  
  {item.subtitle}}</view>
          <view class="type">{
  
  {item.type}}</view>
          <view class="duration">{
  
  {item.producePlace}} / {
  
  {item.duration}}分钟</view>
          <view class="opentime">{
  
  {filter.format(item.releaseDate, 'YY-MM-DD')}} {
  
  {item.releasePlace}}</view>
          <view class="btn-group">
            <button class="btn" hover-class="btnhover">想看</button>
            <button class="btn" hover-class="btnhover">评分</button>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<wxs module="filter">
function format(ts, option) {
  var date = getDate(ts)
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()
  var week = date.getDay()
  var hour = date.getHours()
  var minute = date.getMinutes()
  var second = date.getSeconds()
  
  //获取 年月日
  if (option == 'YY-MM-DD') return [year, month, day].map(formatNumber).join('-')

  //获取 年月
  if (option == 'YY-MM') return [year, month].map(formatNumber).join('-')

  //获取 年
  if (option == 'YY') return [year].map(formatNumber).toString()

  //获取 月
  if (option == 'MM') return  [mont].map(formatNumber).toString()

  //获取 日
  if (option == 'DD') return [day].map(formatNumber).toString()

  //获取 年月日 周一 至 周日
  if (option == 'YY-MM-DD Week')  return [year, month, day].map(formatNumber).join('-') + ' ' + getWeek(week)

  //获取 月日 周一 至 周日
  if (option == 'MM-DD Week')  return [month, day].map(formatNumber).join('-') + ' ' + getWeek(week)

  //获取 周一 至 周日
  if (option == 'Week')  return getWeek(week)

  //获取 时分秒
  if (option == 'hh-mm-ss') return [hour, minute, second].map(formatNumber).join(':')

  //获取 时分
  if (option == 'hh-mm') return [hour, minute].map(formatNumber).join(':')

  //获取 分秒
  if (option == 'mm-dd') return [minute, second].map(formatNumber).join(':')

  //获取 时
  if (option == 'hh')  return [hour].map(formatNumber).toString()

  //获取 分
  if (option == 'mm')  return [minute].map(formatNumber).toString()

  //获取 秒
  if (option == 'ss') return [second].map(formatNumber).toString()

  //默认 时分秒 年月日
  return [year, month, day].map(formatNumber).join('-') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}

function getWeek(n) {
  switch(n) {
    case 1:
      return '星期一'
    case 2:
      return '星期二'
    case 3:
      return '星期三'
    case 4:
      return '星期四'
    case 5:
      return '星期五'
    case 6: