Moment.js로 날짜 데이터를 자유롭게 입력해요

사용 팁
, ,
1

셀렉트에서는 Moment.js로 날짜 데이터를 특정 조건에 따라 입력할 수 있습니다.

해당 서비스를 통해 일/주/월/연 단위로 시작 날짜나 끝 날짜를 지정하거나 날짜 값을 추가하고 뺄 수 있습니다.

예제

당일(6월 26일) 기준으로 "다음주 월요일 ~ 다음주 일요일"의 날짜를 기본값으로 넣습니다.

image
image956×260 9.81 KB

파라미터(params) 안에 defaultValueFn과 함께 Moment.js를 이용합니다.

params:
- key: dateFromTo
  label: 조회기간
  format: date
  range: true
  showButtons: true
  # dateFromTo1과 dateFromTo2로 순서대로 값이 들어갑니다. 
  # Moment.js로 작동합니다.
  defaultValueFn: |
    return [
      moment().add(1, 'week').startOf('week').add(1, 'day').format('YYYY-MM-DD'),
      moment().add(1, 'week').endOf('week').add(1, 'day').format('YYYY-MM-DD'),
    ]
  shortcuts:
  - label: 지난주
    relative: true # 상대적으로 처리. 여러번 클릭 가능
    from:
      offset: -7 # 차이값 (오프셋)
      period: day # 단위
    to:
      offset: -7
      period: day
  - label: 다음주
    relative: true
    from:
      offset: 7
      period: day
    to:
      offset: 7
      period: day
1개의 좋아요
2

오늘
moment().format('YYYY-MM-DD')
내일
moment().add(1, 'day').format('YYYY-MM-DD')
다음주
moment().add(1, 'week').format('YYYY-MM-DD')
다음달
moment().add(1, 'month').format('YYYY-MM-DD')
이번달 시작일
moment().startOf('month').format('YYYY-MM-DD')
이번달 마지막일
moment().endOf('month').format('YYYY-MM-DD')
이번주 시작일
moment().startOf('week').format('YYYY-MM-DD') *일요일 기준

1개의 좋아요
3

사실 Luxon도 됩니다.

오늘 DateTime.now().toFormat('yyyy-MM-dd')

1개의 좋아요