1.安装element-ui库

npm i element-ui -S

2.在启动文件中配置

import { DatePicker } from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(DatePicker);

3.在页面中使用

<el-date-picker

        v-model="value1"

        type="daterange"

        @change="selfchange"

        range-separator="至"

        start-placeholder="开始日期"

        end-placeholder="结束日期"

      >

      </el-date-picker>

data(){

return {value1:""}

},

methods:{

selfchange() {}

}

 

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐