ํ๊ตญ์ด | English | ็ฎไฝไธญๆ | ๆฅๆฌ่ช | Portuguรชs Brasileiro | Espaรฑol (Espaรฑa) | ะ ัััะบะธะน
Moment.js์ ํธํ๋๋ API๋ฅผ ๊ฐ์ง ๊ฒฝ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ (2kB)
Day.js๋ Moment.js์ ํธํ๋๋ ๋๋ถ๋ถ์ API๋ฅผ ์ฌ์ฉํ๋ฉฐ, ์ต์ ๋ธ๋ผ์ฐ์ ์์ ๋ ์ง์ ์๊ฐ์ ๋ํ ๊ตฌ๋ฌธ ๋ถ์, ์ ํจ์ฑ ๊ฒ์ฌ, ์กฐ์, ์ถ๋ ฅํ๋ ๊ฒฝ๋ JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๋๋ค. Moment.js๋ฅผ ์ฌ์ฉํ๊ณ ์๋ค๋ฉด, Day.js๋ ๊ป์ ๋๋ค.
dayjs()
.startOf('month')
.add(1, 'day')
.set('year', 2018)
.format('YYYY-MM-DD HH:mm:ss')
- ๐ ์น์ํ Moment.js API์ ํจํด
- ๐ช ๋ถ๋ณ ์ค๋ธ์ ํธ(Immutable)
- ๐ฅ ๋ฉ์๋ ์ฒด์ธ(Chainable)
- ๐ I18n ์ง์
- ๐ฆ 2kb ๋ฏธ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ
- ๐ซ ๋ชจ๋ ๋ธ๋ผ์ฐ์ ์ง์
์์ํด๋ณผ๊น์!
๋ฌธ์
๋ ๋ง์ ์ธ๋ถ ์ฌํญ๊ณผ API, ๊ทธ๋ฆฌ๊ณ ๋ค๋ฅธ ๋ฌธ์๋ฅผ day.js.org ์น์ฌ์ดํธ์์ ๋ณผ ์ ์์ต๋๋ค.
์ค์น
npm install dayjs --save
๐์ค์น ๊ฐ์ด๋
API
Day.js API๋ฅผ ์ฌ์ฉํด์ ๋ ์ง์ ์๊ฐ์ ๋ํ ๊ตฌ๋ฌธ ๋ถ์, ์ ํจ์ฑ ๊ฒ์ฌ, ์กฐ์, ์ถ๋ ฅ์ ์ฝ๊ฒ ํ ์ ์์ต๋๋ค.
dayjs('2018-08-08') // parse
dayjs().format('{YYYY} MM-DDTHH:mm:ss SSS [Z] A') // display
dayjs()
.set('month', 3)
.month() // get & set
dayjs().add(1, 'year') // manipulate
dayjs().isBefore(dayjs()) // query
๐API ์ฐธ๊ณ
I18n
Day.js๋ ๊ตญ์ ํ์ ๋ํด ๋ง์ ์ง์์ ํฉ๋๋ค.
๊ทธ๋ฌ๋ ๊ทธ๊ฒ์ ์ฌ์ฉํ์ง ์๋๋ค๋ฉด, ๊ทธ ๋๊ตฌ๋ ๋น์ ์ ๋น๋์ ํฌํจ๋์ง ์์ต๋๋ค.
import 'dayjs/locale/es' // load on demand
dayjs.locale('es') // use Spanish locale globally
dayjs('2018-05-05')
.locale('zh-cn')
.format() // use Chinese Simplified locale in a specific instance
๐I18n
Plugin
ํ๋ฌ๊ทธ์ธ์ ๊ธฐ๋ฅ์ ํ์ฅํ๊ฑฐ๋ ์๋ก์ด ๊ธฐ๋ฅ์ ์ถ๊ฐํ๊ธฐ ์ํด Day.js์ ์ถ๊ฐํ ์ ์๋ ๋ ๋ฆฝ์ ์ธ ๋ชจ๋์ ๋๋ค.
import advancedFormat from 'dayjs/plugin/advancedFormat' // load on demand
dayjs.extend(advancedFormat) // use plugin
dayjs().format('Q Do k kk X x') // more available formats
License
Day.js๋ MIT License๋ฅผ ์ฌ์ฉํฉ๋๋ค.