还有另一个Vue.js日期时间选择器组件,用于选择日期和时间以及日期范围。
v2.5.0(06/21/2020)
# NPM
$ npm install vue-ctk-date-time-picker --save
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" />
<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>