使用带有vue的一个已安装函数获得两个datepicker输入值

时间:2018-08-22 20:02:08

标签: vue.js bootstrap-datepicker

我正在尝试使用一个# hypothetical jq '.mappings[] | output("tmp/\(.id).json")' mappings.json 的安装函数来获得两个输入值。但是没有得到我该怎么做? 这是代码: HTML:

date picker

Vue代码:

<div id="app">
<form v-on:submit.prevent="saveFleetJob">
<input type="text" class="fleet-date" v-model="item.from">
<input type="text" class="fleet-date" v-model="item.to">
<button  class="btn btn-primary">Click</button>
</form>
</div>

js fiddle demo link here

有什么建议吗?

1 个答案:

答案 0 :(得分:1)

正如Sphinx指出的那样,存在一些上下文混乱,但这不是唯一的问题。

请参阅以下更新的小提琴:https://jsfiddle.net/pb91fk6o/

您必须添加

elem.dispatchEvent(new Event('input'))

使它起作用。

因此安装的外观应为:

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

有关更多详细信息,请参见此问题:https://github.com/vuejs/vue/issues/2804