1.在很多的項(xiàng)目中，我們都會(huì)用到日期插件，然后當(dāng)我在vue中使用bootstrap datetimepicker時(shí)發(fā)現(xiàn)雙向綁定不起作用了，bootstrap datetimepicker修改的日期不會(huì)同步到data中，下面看我的解決方案：

<template> <div id="time">     <span class="select-box-title">選擇發(fā)送時(shí)間：</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() + ":";    //取小時(shí)    s += d.getMinutes() + ":";  //取分    s += d.getSeconds();     //取秒    self.time = s;    //初始化    $('#messageSendTime').datetimepicker({     startDate: s,     minView: "hour", //選擇日期后，不會(huì)再跳轉(zhuǎn)去選擇時(shí)分秒     language: 'zh-CN',     format: 'yyyy-mm-dd hh:ii:ss',     todayBtn: 1,     autoclose: 1    });    //當(dāng)選擇器隱藏時(shí)，講選擇框只賦值給data里面的time    $('#messageSendTime').datetimepicker()     .on('hide', function (ev) {      var value = $("#messageSendTime").val();      self.time = value;     });   }  },  mounted: function () {   this.dateDefind();  } }</script><style scoped> </style>

總結(jié)：其實(shí)也就是在datetimepicker的設(shè)置里面添加一個(gè)事件，當(dāng)選擇器hide時(shí)，講選擇框的值賦值給data里面的time。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長(zhǎng)站。