修改element-ui源码使日期范围date-picker支持年范围选择

Posted 2021-09-16 码小余の博客

下载 https://gitee.com/fushengruomengzhang_admin/element dev 分支的代码。然后 cnpm install 然后 cnpm run dist
将dist后的lib文件替换掉自己项目中 node_modules 中的 element-ui 中的 lib 文件夹，重新运行即可使用
具体用法，和 daterange 等一致

<template>
  <div name="index" class="full_screen">
    <el-date-picker
        v-model="value1"
        type="yearrange"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期">
    </el-date-picker>
    <div>{{value1}}</div>
  </div>
</template>
 
<script>
 
export default {
  name: "index",
  components: {},
  data() {
    return {
      value1: undefined,
    }
  },
  created() {
  },
  methods: {}
}
</script>