formatTime.ts 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. import dayjs from 'dayjs'
  2. /**
  3. * 时间日期转换
  4. * @param date 当前时间,new Date() 格式
  5. * @param format 需要转换的时间格式字符串
  6. * @description format 字符串随意,如 `YYYY-mm、YYYY-mm-dd`
  7. * @description format 季度:"YYYY-mm-dd HH:MM:SS QQQQ"
  8. * @description format 星期:"YYYY-mm-dd HH:MM:SS WWW"
  9. * @description format 几周:"YYYY-mm-dd HH:MM:SS ZZZ"
  10. * @description format 季度 + 星期 + 几周:"YYYY-mm-dd HH:MM:SS WWW QQQQ ZZZ"
  11. * @returns 返回拼接后的时间字符串
  12. */
  13. export function formatDate(date: Date, format: string): string {
  14. const we = date.getDay() // 星期
  15. const z = getWeek(date) // 周
  16. const qut = Math.floor((date.getMonth() + 3) / 3).toString() // 季度
  17. const opt: { [key: string]: string } = {
  18. 'Y+': date.getFullYear().toString(), // 年
  19. 'm+': (date.getMonth() + 1).toString(), // 月(月份从0开始,要+1)
  20. 'd+': date.getDate().toString(), // 日
  21. 'H+': date.getHours().toString(), // 时
  22. 'M+': date.getMinutes().toString(), // 分
  23. 'S+': date.getSeconds().toString(), // 秒
  24. 'q+': qut // 季度
  25. }
  26. // 中文数字 (星期)
  27. const week: { [key: string]: string } = {
  28. '0': '日',
  29. '1': '一',
  30. '2': '二',
  31. '3': '三',
  32. '4': '四',
  33. '5': '五',
  34. '6': '六'
  35. }
  36. // 中文数字(季度)
  37. const quarter: { [key: string]: string } = {
  38. '1': '一',
  39. '2': '二',
  40. '3': '三',
  41. '4': '四'
  42. }
  43. if (/(W+)/.test(format))
  44. format = format.replace(
  45. RegExp.$1,
  46. RegExp.$1.length > 1 ? (RegExp.$1.length > 2 ? '星期' + week[we] : '周' + week[we]) : week[we]
  47. )
  48. if (/(Q+)/.test(format))
  49. format = format.replace(
  50. RegExp.$1,
  51. RegExp.$1.length == 4 ? '第' + quarter[qut] + '季度' : quarter[qut]
  52. )
  53. if (/(Z+)/.test(format))
  54. format = format.replace(RegExp.$1, RegExp.$1.length == 3 ? '第' + z + '周' : z + '')
  55. for (const k in opt) {
  56. const r = new RegExp('(' + k + ')').exec(format)
  57. // 若输入的长度不为1,则前面补零
  58. if (r)
  59. format = format.replace(
  60. r[1],
  61. RegExp.$1.length == 1 ? opt[k] : opt[k].padStart(RegExp.$1.length, '0')
  62. )
  63. }
  64. return format
  65. }
  66. /**
  67. * 获取当前日期是第几周
  68. * @param dateTime 当前传入的日期值
  69. * @returns 返回第几周数字值
  70. */
  71. export function getWeek(dateTime: Date): number {
  72. const temptTime = new Date(dateTime.getTime())
  73. // 周几
  74. const weekday = temptTime.getDay() || 7
  75. // 周1+5天=周六
  76. temptTime.setDate(temptTime.getDate() - weekday + 1 + 5)
  77. let firstDay = new Date(temptTime.getFullYear(), 0, 1)
  78. const dayOfWeek = firstDay.getDay()
  79. let spendDay = 1
  80. if (dayOfWeek != 0) spendDay = 7 - dayOfWeek + 1
  81. firstDay = new Date(temptTime.getFullYear(), 0, 1 + spendDay)
  82. const d = Math.ceil((temptTime.valueOf() - firstDay.valueOf()) / 86400000)
  83. const result = Math.ceil(d / 7)
  84. return result
  85. }
  86. /**
  87. * 将时间转换为 `几秒前`、`几分钟前`、`几小时前`、`几天前`
  88. * @param param 当前时间,new Date() 格式或者字符串时间格式
  89. * @param format 需要转换的时间格式字符串
  90. * @description param 10秒: 10 * 1000
  91. * @description param 1分: 60 * 1000
  92. * @description param 1小时: 60 * 60 * 1000
  93. * @description param 24小时:60 * 60 * 24 * 1000
  94. * @description param 3天: 60 * 60* 24 * 1000 * 3
  95. * @returns 返回拼接后的时间字符串
  96. */
  97. export function formatPast(param: string | Date, format = 'YYYY-mm-dd HH:MM:SS'): string {
  98. // 传入格式处理、存储转换值
  99. let t: any, s: number
  100. // 获取js 时间戳
  101. let time: number = new Date().getTime()
  102. // 是否是对象
  103. typeof param === 'string' || 'object' ? (t = new Date(param).getTime()) : (t = param)
  104. // 当前时间戳 - 传入时间戳
  105. time = Number.parseInt(`${time - t}`)
  106. if (time < 10000) {
  107. // 10秒内
  108. return '刚刚'
  109. } else if (time < 60000 && time >= 10000) {
  110. // 超过10秒少于1分钟内
  111. s = Math.floor(time / 1000)
  112. return `${s}秒前`
  113. } else if (time < 3600000 && time >= 60000) {
  114. // 超过1分钟少于1小时
  115. s = Math.floor(time / 60000)
  116. return `${s}分钟前`
  117. } else if (time < 86400000 && time >= 3600000) {
  118. // 超过1小时少于24小时
  119. s = Math.floor(time / 3600000)
  120. return `${s}小时前`
  121. } else if (time < 259200000 && time >= 86400000) {
  122. // 超过1天少于3天内
  123. s = Math.floor(time / 86400000)
  124. return `${s}天前`
  125. } else {
  126. // 超过3天
  127. const date = typeof param === 'string' || 'object' ? new Date(param) : param
  128. return formatDate(date, format)
  129. }
  130. }
  131. /**
  132. * 时间问候语
  133. * @param param 当前时间,new Date() 格式
  134. * @description param 调用 `formatAxis(new Date())` 输出 `上午好`
  135. * @returns 返回拼接后的时间字符串
  136. */
  137. export function formatAxis(param: Date): string {
  138. const hour: number = new Date(param).getHours()
  139. if (hour < 6) return '凌晨好'
  140. else if (hour < 9) return '早上好'
  141. else if (hour < 12) return '上午好'
  142. else if (hour < 14) return '中午好'
  143. else if (hour < 17) return '下午好'
  144. else if (hour < 19) return '傍晚好'
  145. else if (hour < 22) return '晚上好'
  146. else return '夜里好'
  147. }
  148. /**
  149. * 将毫秒,转换成时间字符串。例如说,xx 分钟
  150. *
  151. * @param ms 毫秒
  152. * @returns {string} 字符串
  153. */
  154. export function formatPast2(ms) {
  155. const day = Math.floor(ms / (24 * 60 * 60 * 1000))
  156. const hour = Math.floor(ms / (60 * 60 * 1000) - day * 24)
  157. const minute = Math.floor(ms / (60 * 1000) - day * 24 * 60 - hour * 60)
  158. const second = Math.floor(ms / 1000 - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60)
  159. if (day > 0) {
  160. return day + '天' + hour + '小时' + minute + '分钟'
  161. }
  162. if (hour > 0) {
  163. return hour + '小时' + minute + '分钟'
  164. }
  165. if (minute > 0) {
  166. return minute + '分钟'
  167. }
  168. if (second > 0) {
  169. return second + '秒'
  170. } else {
  171. return 0 + '秒'
  172. }
  173. }
  174. /**
  175. * element plus 的时间 Formatter 实现,使用 YYYY-MM-DD HH:mm:ss 格式
  176. *
  177. * @param row 行数据
  178. * @param column 字段
  179. * @param cellValue 字段值
  180. */
  181. // @ts-ignore
  182. export const dateFormatter = (row, column, cellValue) => {
  183. if (!cellValue) {
  184. return
  185. }
  186. return dayjs(cellValue).format('YYYY-MM-DD HH:mm:ss')
  187. }