js 日期格式化代码

青茶360

于 2024-03-10 09:15:13 发布

阅读量444

点赞数 8

分类专栏： Javascript HTML 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/NCZB007/article/details/136595769

版权

HTML 同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

Javascript

13 篇文章 0 订阅

订阅专栏

本文分享了一个前端开发中常用的JavaScript函数，用于将时间戳格式化为yyyy-mm-dd、yyyy/mm/dd以及带有时、分、秒的格式。通过getFillDate方法处理不足位数的月份和日期。

摘要由CSDN通过智能技术生成

js 日期格式化代码

分享一个前端实用的 js 日期格式化代码，相当给力。

export function getFillDate(key) {
  if(key < 10) {
    return `0${key}`;
  }else{
    return `${key}`;
  }
}
/**
 * 时间戳转化为年月日
 * @param times 时间戳
 * @param ymd 格式类型(yyyy-mm-dd,yyyy/mm/dd)
 * @param hms 可选,格式类型(hh,hh:mm,hh:mm:ss)
 * @returns {年月日}
 */
export function dateFomat (times, ymd,  hms) {
  const oDate = new Date(times)
  const oYear = oDate.getFullYear()
  const oMonth = oDate.getMonth() + 1
  const oDay = oDate.getDate()
  const oHour = oDate.getHours()
  const oMin = oDate.getMinutes()
  const oSec = oDate.getSeconds()
  let oTime // 最后拼接时间
  // 年月日格式
  switch (ymd) {
    case 'yyyy-mm-dd':
      oTime = oYear + '-' + getFillDate(oMonth) + '-' + getFillDate(oDay)
      break
    case 'yyyy/mm/dd':
      oTime = oYear + '/' + getFillDate(oMonth) + '/' + getFillDate(oDay)
      break
  }
  // 时分秒格式
  switch (hms) {
    case 'hh':
      oTime = oTime + ' ' + getFillDate(oHour)
      break
    case 'hh:mm':
      oTime = oTime + ' ' + getFillDate(oHour) + ':' + getFillDate(oMin)
      break
    case 'hh:mm:ss':
      oTime = oTime + ' ' + getFillDate(oHour) + ':' + getFillDate(oMin) + ':' + getFillDate(oSec)
      break
  }
  return oTime
}

效果图：