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

前往低代码交流专区

更多推荐