「Vue — 插件」日期时间选择vue2-datepicke

网址：https://www.npmjs.com/package/vue2-datepicker 实例：只能选择整点或者半点 1：npm install vue2-datepicker --save 2：在需要使用的页面中

1<date-picker :open.sync="open" v-model="BeginTimes" :minute-step="30" :hour-options="hours" :second-step="60"
2value-type="format" type="datetime" placeholder="选择日期时间" popup-class=zIndex @change="handleChange1"></date-picker>
3
4<script>
5  import DatePicker from 'vue2-datepicker';
6  import 'vue2-datepicker/index.css';
7  export default {
8    components: { DatePicker },
9    data() {
10      return {
11        open: false,//控制开关
12        BeginTimes: "",
13        hours: Array.from({ length: 24 }).map((_, i) => i),
14      };
15    },
16    methods:{
17        handleChange1(value, type) {
18            //点了分钟就关闭
19            if (type === 'minute') {
20                this.open = false;
21            }
22        },
23    }
24  };
25</script>