js 日期格式化代码

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
}

效果图:

相关推荐

  1. js前端格式化日期函数

    2024-03-11 20:38:04       9 阅读
  2. 【VUE】moment.js 时间日期格式化工具

    2024-03-11 20:38:04       12 阅读
  3. js获取日期格式&textarea高度随内容自适应

    2024-03-11 20:38:04       21 阅读
  4. 格式化日期】在Vue3中如何格式化日期

    2024-03-11 20:38:04       13 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-11 20:38:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-11 20:38:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-11 20:38:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-11 20:38:04       20 阅读

热门阅读

  1. vim 编辑器

    2024-03-11 20:38:04       21 阅读
  2. 人工智能迷惑行为大赏

    2024-03-11 20:38:04       19 阅读
  3. 20个常用的Python脚本

    2024-03-11 20:38:04       23 阅读
  4. 【C/C++ 学习笔记】流程结构

    2024-03-11 20:38:04       22 阅读
  5. Oracle Foreign key 无索引导致的死锁 deadlock 或者hang

    2024-03-11 20:38:04       19 阅读
  6. 【图解算法-C语言】-- 1.常见算法介绍

    2024-03-11 20:38:04       25 阅读
  7. vue2 elementui 封装一个动态表单复杂组件

    2024-03-11 20:38:04       19 阅读
  8. git的基本概念和用法

    2024-03-11 20:38:04       27 阅读
  9. 系统架构设计基础

    2024-03-11 20:38:04       23 阅读
  10. Hive分桶表

    2024-03-11 20:38:04       20 阅读
  11. 机器学习是什么?如何从入门到精通?

    2024-03-11 20:38:04       19 阅读
  12. golang数组和Slice地址

    2024-03-11 20:38:04       22 阅读