Vue.js 使用带有vue的一个挂载函数获取两个datepicker输入值

Vue.js 使用带有vue的一个挂载函数获取两个datepicker输入值,vue.js,bootstrap-datepicker,Vue.js,Bootstrap Datepicker,我试图使用一个挂载函数为日期选择器获取两个输入值。但是没有得到我该怎么做? 代码如下: HTML: 有什么建议吗?正如斯芬克斯所指出的,有一些背景混乱,但这不是唯一的问题 请参阅此更新的小提琴: 你必须加上 elem.dispatchEvent(new Event('input')) 让这一切顺利进行 因此,它应该看起来像: mounted() { $(".fleet-date") .datepicker() .on("changeDate

我试图使用一个挂载函数为
日期选择器
获取两个输入值。但是没有得到我该怎么做? 代码如下: HTML:


有什么建议吗?

正如斯芬克斯所指出的,有一些背景混乱,但这不是唯一的问题

请参阅此更新的小提琴:

你必须加上

elem.dispatchEvent(new Event('input'))
让这一切顺利进行

因此,它应该看起来像:

  mounted() {
        $(".fleet-date")
        .datepicker()
        .on("changeDate", (e) => {
          e.target.dispatchEvent(new Event('input')) 
        })
   },

有关更多详细信息,请参阅本期:

检查。注意上下文(在fiddle中使用self保存Vue实例,然后使用function而不是arrow获取datepicker的实例);那么像这样在Vue内部使用JQuery并不是一个好主意。这让事情变得复杂了。@Sphinx:谢谢你的帮助help@alendroff:谢谢您的帮助:)我使用了
elem.dispatchEvent(新事件('change'))
作为select2下拉列表,但它不起作用。我在
select2
plugin上遇到了问题。如果我删除
select2
resources,则其工作正常。但是如何让它与
select2
一起工作呢?我不知道,老实说,等我有更多的空闲时间时我会检查它。当然,没问题:)@06011991看起来你刚才指定的select2事件是错误的。签出此页面;这把小提琴呢
elem.dispatchEvent(new Event('input'))
  mounted() {
        $(".fleet-date")
        .datepicker()
        .on("changeDate", (e) => {
          e.target.dispatchEvent(new Event('input')) 
        })
   },