feat(useDateFormat): add format (#1491)

vueuse · Apr 14, 2022 · a9c800d · a9c800d
1 parent 82eef26
commit a9c800d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/packages/shared/useDateFormat/index.md b/packages/shared/useDateFormat/index.md
@@ -25,6 +25,7 @@ Get the formatted date according to the string of tokens passed in, inspired by
 | `s`    | 0-59             | The second                            |
 | `ss`   | 00-59            | The second, 2-digits                  |
 | `SSS`  | 000-999          | The millisecond, 3-digits             |
+| `d`    | 0-6              | The day of the week, with Sunday as 0 |
 
 ## Usage
 

diff --git a/packages/shared/useDateFormat/index.test.ts b/packages/shared/useDateFormat/index.test.ts
@@ -25,4 +25,7 @@ describe('useDateFormat', () => {
   it('should work with HH:mm:ss:SSS', () => {
     expect(useDateFormat(new Date('2022-01-01 15:05:05:999'), 'HH:mm:ss:SSS').value).toBe('15:05:05:999')
   })
+  it('should work with HH:mm:ss d', () => {
+    expect(useDateFormat(new Date('2022-01-01 15:05:05'), 'HH:mm:ss d').value).toBe('15:05:05 6')
+  })
 })
diff --git a/packages/shared/useDateFormat/index.ts b/packages/shared/useDateFormat/index.ts
@@ -14,6 +14,7 @@ export const formatDate = (date: Date, formatStr: string) => {
   const minutes = date.getMinutes()
   const seconds = date.getSeconds()
   const milliseconds = date.getMilliseconds()
+  const day = date.getDay()
   const matches: Record<string, string|number> = {
     YY: String(years).slice(-2),
     YYYY: years,
@@ -30,6 +31,7 @@ export const formatDate = (date: Date, formatStr: string) => {
     s: String(seconds),
     ss: `${seconds}`.padStart(2, '0'),
     SSS: `${milliseconds}`.padStart(3, '0'),
+    d: day,
   }
   return formatStr.replace(REGEX_FORMAT, (match, $1) => $1 || matches[match])
 }