Vue.js CTK日期时间选择器组件

Vue.js CTK日期时间选择器组件

插件名称:vue-ctk-date-time-picker

发布时间:2020年6月21日

插件作者:chronotruck

官网 演示 GitHub下载

还有另一个Vue.js日期时间选择器组件,用于选择日期和时间以及日期范围。

变更日志:

v2.5.0(06/21/2020)

  • 错误修复

安装和下载:

# NPM
$ npm install vue-ctk-date-time-picker --save

用法

ES6模块/ CommonJS

import VueCtkDateTimePicker from 'vue-ctk-date-time-picker';
import 'vue-ctk-date-time-picker/dist/vue-ctk-date-time-picker.css';

Vue.component('VueCtkDateTimePicker', VueCtkDateTimePicker);
<VueCtkDateTimePicker v-model="yourValue" />

UMD

<link
  rel="stylesheet"
  type="text/css"
  href="${YOUR_PATH}/vue-ctk-date-time-picker.css"
/>

<div id="app">
  <VueCtkDateTimePicker v-model="yourValue"></VueCtkDateTimePicker>
</div>

<script src="https://unpkg.com/vue" charset="utf-8"></script>
<script
  src="${YOUR_PATH}/vue-ctk-date-time-picker.umd.min.js"
  charset="utf-8"
></script>

<script type="text/javascript">
  Vue.component('vue-ctk-date-time-picker', window['vue-ctk-date-time-picker']);
  new Vue({
    el: '#app',
    data() {
      return {
        yourValue: null
      };
    }
  });
</script>
相关插件