Webpack 将引导日期时间选择器与Vuejs 2一起使用

我想将Datetime picker与vue 2或webpack集成。我试图搜索，但找不到相关的文章。是否有人将日期时间选择器与Vue2或webpack集成，是否有示例代码可供参考？任何帮助都将不胜感激

---

谢谢。

您只需通过谷歌搜索

vuejs bootstrap datetimepicker

就可以找到有关该主题的一些问题，但老实说，我不确定vuejs是否适合使用bootstrap，因为它已经有了自己的（jQuery）逻辑

有一个项目，但它与Vue1一起工作，请参见他们的。应该支持Vue2，但我不能保证它的质量。然而，如果你想自己做，它可以给你一些关于如何集成你的日期选择器的灵感，请参阅

如果您不介意使用另一个datepicker，我建议您使用其他一些与您的项目集成起来非常简单的方法：

• →

• →

---

这里我将使用来自的代码。您必须为日期选择器创建一个组件：

Vue.component('datetimepicker', {
    template: `
            <div class='input-group date' ref="datetimepicker">
                <input type='text' class="form-control" :value="value" @change="update($event)" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
    `,
    props: ['value'],
    methods: {
        update(event){

            this.$emit('input', event.target.value);
        }
    },
    mounted(){
        $(this.$refs.datetimepicker).datetimepicker()
    }
});

Vue.component（'datetimepicker'{
模板：`
`,
道具：['value']，
方法：{
更新（事件）{
这是.emit（'input'，event.target.value）；
}
},
安装的（）{
$（this.$refs.datetimepicker）.datetimepicker（）
}
});

现在您可以像这样使用此组件：

<datetimepicker v-model="myDate"></datetimepicker>

我尝试了你的代码，现在它显示了$（“.datetime”）。datetimepicker（）不是一个函数，而是一个函数。您能建议我如何导入datetimepicker吗？因为我对Vue 2非常陌生。您必须在代码中的某个位置导入引导程序的js，例如在index/main.js或index.html中作为CDN导入。以上代码似乎改变了日期，但没有改变模型值这是我的工作代码