使用element-ui的前端,无法使用日期组件el-date-picker?
版本: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>
没有找到解决方法,寻求帮助!