Vue.js 2的可拖动日期选择器 – vue-draggable-cal

Vue.js 2的可拖动日期选择器 – vue-draggable-cal

插件名称:vue-draggable-cal

发布时间:2020年8月15日

插件作者:liloow

官网 GitHub下载

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>
相关插件