datetimepicker时间控件与v-model数据绑定

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zwl18210851801/article/details/82699307

input 点击触发setDateTime方法：

<input type="text"  id="EndTime" class="form-control form_datetime" 
readonly placeholder="结束时间" v-model="znxjEvent.endtime" isvalid="yes" 
checkexpession="NotNull" @click="setDateTime">

setDateTime: function () {
            $("#StartTime").datetimepicker({
                autoclose: true,
                todayBtn:true,
                todayHighLight: true,
                language: 'zh-CN'
            });
            $("#EndTime").datetimepicker({
                autoclose: true,
                todayBtn: true,
                todayHighLight: true,
                language: 'zh-CN'
            });
            //隐藏的同时绑定数据
            $("#StartTime").datetimepicker().on('hide', function (ev) {
                var startTime = $("#StartTime").val();
                vm.znxjEvent.starttime = startTime;
            });
            $("#EndTime").datetimepicker().on('hide', function (ev) {
                var endTime = $("#EndTime").val();
                vm.znxjEvent.endtime = endTime;
            });
        },