<template> <div id="time">     <span class="select-box-title">選擇發送時間：</span>     <input class="form-control select-box-input" v-model="time" type="text"          id="messageSendTime">    </div> </div></template><script> import $ from 'jquery' export default {  name: 'time',  data () {   return {    time: ''   }  },  methods: {   dateDefind () {    var d, s;    var self = this;    d = new Date();    s = d.getFullYear() + "-";       //取年份    s = s + (d.getMonth() + 1) + "-";//取月份    s += d.getDate() + " ";     //取日期    s += d.getHours() + ":";    //取小時    s += d.getMinutes() + ":";  //取分    s += d.getSeconds();     //取秒    self.time = s;    //初始化    $('#messageSendTime').datetimepicker({     startDate: s,     minView: "hour", //選擇日期后，不會再跳轉去選擇時分秒     language: 'zh-CN',     format: 'yyyy-mm-dd hh:ii:ss',     todayBtn: 1,     autoclose: 1    });    //當選擇器隱藏時，講選擇框只賦值給data里面的time    $('#messageSendTime').datetimepicker()     .on('hide', function (ev) {      var value = $("#messageSendTime").val();      self.time = value;     });   }  },  mounted: function () {   this.dateDefind();  } }</script><style scoped> </style>