使用element-ui的前端,无法使用日期组件el-date-picker?

提问 3 6091
Chalvan
Chalvan 2018-05-08
版本:renren-fast 2.0 开发环境:chrome
我在编辑一个默认的生成页面index.vue,想增加一个查询条件,让用户选择日期,查阅element-ui官方文档,知道可以使用el-date-picker。 但实际使用中,却未能实现效果。具体使用代码如下: [pre] <template> <div class="mod-config"> <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()"> <el-form-item> <el-input v-model="dataForm.district" placeholder="营业厅归属地" clearable></el-input> </el-form-item> <el-form-item> <el-input v-model="dataForm.proName" placeholder="商品名" clearable></el-input> </el-form-item> <el-form-item> <el-date-picker v-model="dataForm.instTime" align="right" type="date" placeholder="订单日期" :picker-options="pickerOptions1"> </el-date-picker> <!-- <el-date-picker v-model="dataForm.instTime" type="date" placeholder="选择日期"> </el-date-picker> --> </el-form-item> …… [/pre] F12调试,可以看到浏览器的报错日志如下: img[//cdn.renren.io/62650201805072206521185.png] vue.esm.js?3154:571 [Vue warn]: Unknown custom element: <el-date-picker> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <Index> at src\views\appreportstorepay\index.vue <ElCard> <ElTabPane> <ElTabs> <ContentTabs> at src\views\layout\content-tabs.vue <Index> at src\views\layout\index.vue <App> at src\App.vue <Root> 没有找到解决方法,寻求帮助!
回帖
  • Chalvan
    Chalvan (楼主)
    2018-05-08
    已解决,代码中默认未开启日期组件。
    0 回复
  • leongk
    2018-08-20
    兄弟,怎么开启啊
    0 回复
  • Chalvan
    Chalvan (楼主)
    2019-01-06
    @leongk 抱歉,工作原因许久未来论坛。 就是在src/element-ui/下的index.js里面找到DatePicker,如果注释掉就放开就好了。 其他模块类似的原理。 不过最近新版本的前端貌似已经全部打开了,已经不存在这个问题了。
    0 回复