时间的操作 ​

/**
 *
 * @param {String} time '2023-06-06 12:00:00'
 */
const timeCompare = (time) => {
  const date1 = new Date(time.replace(/\-/g, '/'))
  const date2 = new Date()
  const num = 24 * 60 * 60 * 1000
  const cha = date2.getTime() - date1.getTime()
  if (cha > 0) {
    if (cha > num) {
      alert('不是今天的过去时间')
    } else if (date1.getDate() !== date2.getDate()) {
      alert('不是今天的过去时间')
    } else {
      alert('是今天里的过去时间')
    }
  } else if (cha < 0) {
    alert('是未来时间')
  } else {
    alert('是现在')
  }
}

/**
 *
 * @param {String | Date} time '2023-06-06' | new Date()
 * @param {String} fmt 'yyyy-MM-dd hh:mm:ss'
 */
const format = function (time, fmt) {
  time = time || new Date()
  fmt = fmt || 'yyyy-MM-dd hh:mm:ss'
  const typeOfTime = Object.prototype.toString.call(time).slice(8, -1)
  let finalTime = time
  if (typeOfTime !== 'Date') {
    const transformT = new Date(time.replace(/\-/g, '/'))
    const strT = transformT.toString()
    if (strT.indexOf('Invalid Date') !== -1) {
      alert('请输入正确格式的时间')
      return
    }
    finalTime = transformT
  }
  const o = {
    'M+': finalTime.getMonth() + 1, // 月
    'd+': finalTime.getDate(), // 日
    'h+': finalTime.getHours(), // 时
    'm+': finalTime.getMinutes(), // 分
    's+': finalTime.getSeconds(), // 秒
    'q+': Math.floor((finalTime.getMonth() + 3) / 3), // 季度
    S: finalTime.getMilliseconds(), // 毫秒
  }
  const a = /(y+)/.exec(fmt)
  if (a && a[0]) {
    fmt = fmt.replace(a[0], (finalTime.getFullYear() + '').substring(4 - a[0].length))
  }
  for (let k in o) {
    const b = new RegExp('(' + k + ')').exec(fmt)
    if (b && b[0]) {
      fmt = fmt.replace(b[0], b[0].length === 1 ? o[k] : ('00' + o[k]).substring(('' + o[k]).length))
    }
  }
  return fmt
}

/**
 *
 * @param {Number} i 时区，例如东八区 i = 8;西八区 i = -8
 */
const getLocalTime = (i) => {
  const now = new Date()
  const time = now.getTime()
  const offset = now.getTimezoneOffset() * 60 * 1000 // 本地时间与UTC时间的偏移差（单位:ms）
  const utcTime = time + offset // 得到现在的UTC时间，各时区UTC时间相同
  return new Date(utcTime + 60 * 60 * 1000 * i) // 得到时区标准时间
}

/**
 *
 * @param {String} endTime 结束日期:2023-06-07 12:00:00
 */
const getEndTime = (endTime) => {
  let startDate = new Date() //开始时间，当前时间
  let endDate = new Date(endTime.replace(/\-/g, '/')) //结束时间，需传入时间参数
  let t = endDate.getTime() - startDate.getTime() //时间差的毫秒数
  let d = 0,
    h = 0,
    m = 0,
    s = 0
  if (t >= 0) {
    d = Math.floor(t / 1000 / 3600 / 24)
    h = Math.floor((t / 1000 / 60 / 60) % 24)
    m = Math.floor((t / 1000 / 60) % 60)
    s = Math.floor((t / 1000) % 60)
  }
  return `${d}天${h}小时${m}分钟${s}秒`
}

const sendCode = () => {
  if (sendStatus.disable) return
  let times = 60
  let timer = null
  timer = setInterval(() => {
    times--
    if (times <= 0) {
      sendStatus.text = '发送验证码'
      clearInterval(timer)
      sendStatus.disable = false
      times = 60
    } else {
      sendStatus.text = times + '秒后重试'
      sendStatus.disable = true
    }
  }, 1000)
}

import { ref, reactive, watch } from 'vue'
const now = new Date()
const nowYear = now.getFullYear()
const nowMonth = now.getMonth() + 1
const day = now.getDate()
const years = reactive([2000, 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021, 2022, 2023, 2024, 2025])
const months = reactive([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12])
const weeks = reactive(['日', '一', '二', '三', '四', '五', '六'])
const selectYear = ref(nowYear)
const selectMonth = ref(nowMonth)
const calendar = ref([])
const choosedDate = ref(`${selectYear.value}年${selectMonth.value}月${day}日`)
const showToday = ref(true)
const getMothDays = (year, month) => {
  let result = []
  const days = new Date(year, month, 0).getDate() 
  const week = new Date(`${year}/${month}/1`).getDay() 
  for (let i = 0; i < week; i++) {
    result.push({
      text: '',
      select: false,
    })
  }
  for (let i = 1; i <= days; i++) {
    result.push({
      text: i,
      select: i === day,
      isToday: i === day && selectYear.value === nowYear && selectMonth.value === nowMonth,
    })
  }
  calendar.value = result
  choosedDate.value = `${selectYear.value}年${selectMonth.value}月${day}日`
}
const chooseCalendar = (item) => {
  if (item.text === '') return
  calendar.value.forEach((i) => {
    i.select = false
  })
  item.select = !item.select
  choosedDate.value = `${selectYear.value}年${selectMonth.value}月${item.text}日`
}
const backToToday = () => {
  selectYear.value = nowYear
  selectMonth.value = nowMonth
  getMothDays(nowYear, nowMonth)
}
watch(
  [selectYear, selectMonth],
  ([year, month]) => {
    getMothDays(year, month)
  },
  {
    immediate: true,
  }
)
watch(
  choosedDate,
  (val) => {
    const str = val.replace(/[\u4E00-\u9FA5]+/g, '-')
    const arr = str.split('-')
    const year = nowYear
    const month = nowMonth
    console.log(year, month, day)
    if (year === +arr[0] && month === +arr[1] && day === +arr[2]) {
      showToday.value = false
    } else {
      showToday.value = true
    }
  },
  {
    immediate: true,
  }
)