Getting Started / 开始 Array / 数组 Number / 数字处理 Call / 调用 Datetime / 时间处理 DateFormat ToUTC TimeFormat DateRange Debounce / 防抖 EventEmitter / 订阅发布 Filter / 过滤器 Generation / 数据产出 Money / 金钱处理 Other / 其他

Datetime / 时间处理

由于浏览器对于 JS 时间对象的支持有缺陷，basic-helper 提供统一的时间处理方式，包括

日期格式化
时间格式化
UTC 标准时间转换
生产时间范围

import { DateFormat, ToUTC, TimeFormat, DateRange } from 'basic-helper/datetime-helper';

DateFormat

默认时间: 2022-02-12

时分秒: 2022-02-12 17:06:42

() => {
  const [now, setDate] = useState(Date.now())
  return (
    <div>
      <div>默认时间: {DateFormat(now)}</div>
      <hr />
      <div>时分秒: {DateFormat(now, 'YYYY-MM-DD hh:mm:ss')}</div>
    </div>
  )
}

() => {
  const [now, setDate] = useState(Date.now())
  return (
    <div>
      <div>默认时间: {DateFormat(now)}</div>
      <hr />
      <div>时分秒: {DateFormat(now, 'YYYY-MM-DD hh:mm:ss')}</div>
    </div>
  )
}

ToUTC

转换到标准 UTC 时间格式

默认: 2022-02-12T17:06:42-00:00

() => {
  const [now, setDate] = useState(Date.now())
  {
    /* setInterval(() => {
      setDate(Date.now());
    }, 1000) */
  }
  return (
    <div>
      <div>默认: {ToUTC(now)}</div>
    </div>
  )
}

() => {
  const [now, setDate] = useState(Date.now())
  {
    /* setInterval(() => {
      setDate(Date.now());
    }, 1000) */
  }
  return (
    <div>
      <div>默认: {ToUTC(now)}</div>
    </div>
  )
}

TimeFormat

默认: {"hour":"00","min":"00","sec":"42"}

输出字符串: 0:0:42

() => {
  const [now, setDate] = useState(new Date().getSeconds())
  setInterval(() => {
    setDate(new Date().getSeconds())
  }, 1000)
  return (
    <div>
      <div>默认: {JSON.stringify(TimeFormat(now))}</div>
      <hr />
      <div>输出字符串: {TimeFormat(now, true)}</div>
    </div>
  )
}

() => {
  const [now, setDate] = useState(new Date().getSeconds())
  setInterval(() => {
    setDate(new Date().getSeconds())
  }, 1000)
  return (
    <div>
      <div>默认: {JSON.stringify(TimeFormat(now))}</div>
      <hr />
      <div>输出字符串: {TimeFormat(now, true)}</div>
    </div>
  )
}

DateRange

生产时间范围

const options = {
  format: 'YYYY-MM-DD',
  extendFormat: ['00:00:00', '23:59:59'],
  toUTC: true
};
DateRange(startDayOffset = 10, endDayOffset = 0, options)

默认: ["2022-02-02T00:00:00-00:00","2022-02-12T23:59:59-00:00"]

不输出 UTC 时间: ["2022-02-02 00:00:00","2022-02-12 23:59:59"]

() => {
  return (
    <div>
      <div>默认: {JSON.stringify(DateRange())}</div>
      <hr />
      <div>
        不输出 UTC 时间:{' '}
        {JSON.stringify(
          DateRange(10, 0, {
            toUTC: false,
          }),
        )}
      </div>
    </div>
  )
}

() => {
  return (
    <div>
      <div>默认: {JSON.stringify(DateRange())}</div>
      <hr />
      <div>
        不输出 UTC 时间:{' '}
        {JSON.stringify(
          DateRange(10, 0, {
            toUTC: false,
          }),
        )}
      </div>
    </div>
  )
}

Datetime / 时间处理

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}DateFormat

ToUTC

TimeFormat

DateRange

DateFormat