Vue.js 2+的可拖动,可滚动,可滑动日期选择器组件。
# Yarn
$ yarn add vue-draggable-cal
# NPM
$ npm install vue-draggable-cal --save
import DraggableCal from 'vue-draggable-cal';
export default {
// ...
components: {
DraggableCal,
},
// ...
};
或直接从CDN使用
<div id="app">
<DraggableCal></DraggableCal>
</div>
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-draggable-cal"></script>
<script>
new Vue({
el: '#app',
components: {
DraggableCal,
}
})
</script>
<draggable-cal></draggable-cal>
<!-- OR -->
<DraggableCal></DraggableCal>
发出事件
<DraggableCal @selectedDate="doSomething($event)"></DraggableCal>