每个人都可以，
拥有SSL证书

掌握Uniapp中日期时间处理的艺术！如何优雅地获取当前时间，实现系统默认与自定义格式化，并轻松获取星期信息。通过精心设计的模块化封装和JavaScript Date对象的灵活运用，构建一套跨平台、高可用的时间处理工具，让你的Uniapp应用时间管理更智能、更高效。

在Uniapp开发中，获取和格式化当前时间是常见的需求。三种实现方式：系统默认格式化、自定义格式化以及获取星期几的功能实现。

日期工具类实现

首先创建一个独立的日期工具类dateUtil.js，封装三种核心功能：

/**
 * uniapp日期工具类
 * 1. 系统默认格式化
 * 2. 自定义格式化（YYYY-MM-DD HH:mm:ss）
 * 3. 获取星期几
 */

// 系统默认格式化
export function getDefaultTime() {
  return new Date().toLocaleString()
}

// 自定义格式化
export function formatTime(date = new Date()) {
  const year = date.getFullYear()
  const month = (date.getMonth() + 1).toString().padStart(2, '0')
  const day = date.getDate().toString().padStart(2, '0')
  const hours = date.getHours().toString().padStart(2, '0')
  const minutes = date.getMinutes().toString().padStart(2, '0')
  const seconds = date.getSeconds().toString().padStart(2, '0')
  
  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`
}

// 获取星期几
export function getWeekDay(date = new Date()) {
  const days = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
  return days[date.getDay()]
}

核心功能说明

页面集成实现

lcjmSSL让证书续期“无人值守”。通过DNS接口自动化验证，证书到期前自动重新申请，并自动部署至服务器和应用。短信、邮件双重提醒，确保安全无死角。

在Vue页面中集成日期工具类，实现时间展示和刷新功能：

<template>
  <view class="container">
    <view class="time-card">
      <text class="title">当前时间</text>
      <text class="time">{{ defaultTime }}</text>
      <text class="label">系统默认格式</text>
    </view>
    
    <view class="time-card">
      <text class="title">格式化时间</text>
      <text class="time">{{ formattedTime }}</text>
      <text class="label">YYYY-MM-DD HH:mm:ss</text>
    </view>
    
    <view class="time-card">
      <text class="title">今天是</text>
      <text class="time">{{ weekDay }}</text>
    </view>
    
    <button @click="refreshTime" class="refresh-btn">刷新时间</button>
  </view>
</template>

<script>
import { getDefaultTime, formatTime, getWeekDay } from '@/utils/dateUtil'

export default {
  data() {
    return {
      defaultTime: '',
      formattedTime: '',
      weekDay: ''
    }
  },
  onLoad() {
    this.refreshTime()
  },
  methods: {
    refreshTime() {
      this.defaultTime = getDefaultTime()
      this.formattedTime = formatTime()
      this.weekDay = getWeekDay()
      
      uni.showToast({
        title: '时间已刷新',
        icon: 'success'
      })
    }
  }
}
</script>

<style>
/* 样式代码保持不变 */
</style>

实现要点

1. 模块化设计：将日期处理逻辑独立封装，提高代码复用性
2. 灵活格式化：通过字符串拼接实现自定义时间格式
3. 实时更新：提供刷新按钮实现时间动态更新
4. 平台兼容：使用标准JavaScript Date对象，确保跨平台一致性