在div行中使用时，datePicker不显示

Question

我正在单个文件组件 ui.vue

中编写以下模板

它显示datePicker，如果我不把它放在里面的话，效果很好 <div class="rows"><div class="col-sm-3"> 但是如果我把它放在由div制成的表行中，像这样：

<div class="container">
    <div class="row">
        <div class="cols">
            <div class="input-group col-sm-3 date">
                <input type="text" class="form-control">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar col-sm-3"></span></span></div></div></div>

然后datePicker停止工作或完全停止显示，控制台中没有错误。谁能帮助我发生什么事？

我看到这是bootstrap datetimepicker not working in DIV class

的副本

但是根据答案，我已经在datetimepicker之前加载了jQuery，moment.js

请参见下文如何加载：

var $ = window.jQuery = require('jquery')
import moment from 'moment'
import eonosdandatetimepicker from 'eonasdan-bootstrap-datetimepicker';
import Vue from 'vue';