Vue.js에 사용할 날짜 선택 라이브러리

2855 단어 Vue.js

개요


Vue.js를 개발할 때 날짜 선택 라이브러리에서 쉽게 사용할 수 있는 것이 있습니까?
찾다가 만난 창고.

환경

  • Vue.js 2.6.10
  • vuejs-datepicker 1.6.2
  • 라이브러리 배포


    다음 명령으로 설치 가능
    npm install vuejs-datepicker --save
    
    사용법이 이런 느낌이에요.
    <template>
      <div id="app">
        <h1>vuejs-datepicker</h1>
        <vuejs-datepicker :language="ja"></vuejs-datepicker>
      </div>
    </template>
    
    <script>
    import vuejsDatepicker from "vuejs-datepicker";
    import { en, ja } from "vuejs-datepicker/dist/locale";
    
    export default {
      name: "app",
      components: {
        vuejsDatepicker
      },
      data() {
        return {
          en,
          ja
        };
      }
    };
    </script>
    
    <style>
    </style>
    
    이런 느낌인 것 같아요.

    디스플레이 언어는props의 지정을 통해 변경할 수 있습니다 (상술한 예는 일본어 버전을 이용합니다)

    총결산


    Vue.js에 사용되는 날짜 선택 라이브러리를 소개했습니다.
    이런 라이브러리는 역시 jQuery를 사용하는 라이브러리가 많다고 생각했어요.

    좋은 웹페이지 즐겨찾기