본문 바로가기

개발중/Vue.js

[ vue ] Date Picker 날짜 차이 날 때 고정

728x90
반응형

Date Picker 을 사용하면서 발생한 수정 사항은

시작날과 마지막 날이 차이가 한 달 이상일 경우에 달력이 움직이지 않고

고정 값이었으면 좋겠다.


 som 언니가 보내준 자료

 

datePickerOptions: {
  disabledDate (date) {
    const now = new Date()
    return date > now || date < new Date('2016-12-31')
  }
}

 

<el-date-picker
  v-model           = "frm_project.searchDateRange"
  type              = "daterange"
  align             = "right"
  start-placeholder = "Start Date"
  end-placeholder   = "End Date"
  :picker-options   = "datePickerOptions">
</el-date-picker>

 

:picker-options="datePickerOptions"

 

disable 시킬 때 사용하면 좋을 것 같다.

내 상황에는 맞지않아서 실패.

 


jQuery 로 다시 접근 하는 법을 찾아보았는데 나랑 같지 않은 상황이다.

 

참고 사이트


vue 의 date picker 도 찾아 보았다.

 

참고 사이트


vuetify 는 역시 예쁘다 UI 가

 

참고 사이트


역시 구글링 mengxiong 에서 찾았다.

 

참고 사이트


 

728x90
반응형