Vuelendar. Vue.js를 기반으로 하는 새로운 코데스트의 프로젝트

출처 코드 부엘린더에서 찾을 수 있습니다. 깃허브 리포지토리에서.

간단한 소개

우리는 많은 해킹을 해야 했습니다. 어느 순간, 저희는 자체적인 Vue.js 기반 캘린더를 처음부터 사용자 지정하는 것보다 낫습니다.

Vuelendar를 사용하면 사용자가 날짜 범위를 선택할 수 있습니다:

를 클릭하거나 단일 날짜를 선택합니다:

어떻게 사용하나요?

vuelendar를 사용하려면 설치하는 것만으로 충분합니다:

npm 설치 [email protected]

.vue 파일에서 스타일을 가져옵니다:

<style src="vuelendar/scss/vuelendar.scss"></style>

VueJS에 적절한 구성 요소를 등록하십시오. 프로젝트:

'vuelendar/components/vl-range-selector'에서 VRangeSelector를 가져옵니다;
'vuelendar/components/vl-day-selector'에서 VDaySelector를 임포트합니다;

내보내기 기본 {
  구성 요소: {
    VRangeSelector,
    VDaySelector
  },
  data () {
    반환 {
      범위: {},
      date: null
    }
  }
  // ...
}

를 클릭하고 템플릿에서 사용합니다:

다음 리포지토리를 통해 리포지토리를 확인할 수도 있습니다. 데모.

또한 읽어보세요:

• 코데스트의 주간 베스트 기술 기사 리포트. 웹어셈블리 및 소프트웨어 테스트 (8)
• 루비 온 제트란 무엇이며 이를 사용하여 앱을 빌드하는 방법은 무엇인가요?
• 원격 개발자를 효과적으로 관리하는 방법은 무엇인가요? CTO를 위한 가이드