vue date-week-range(elementUI的周范围日期选择器)

需要实现一个elementUI的周范围日期选择器,
如下:
在这里插入图片描述

安装 && 引入
安装

npm install date-week-range@next --save
yarn add date-week-range@next --save

注册
全局注册
import DateWeekRange from ‘date-week-range’

局部注册

<template>
  <DateWeekRange v-model="test"></DateWeekRange>
</template>

<script>
import {
    
     DateWeekRange } from 'date-week-range'
// 注意要引入样式!引入方式参考上面

export default {
    
    
  data() {
    
    
    return {
    
    
      test: ''
    }
  },
  components: {
    
    
    DateWeekRange
  }
}
</script>

参照地址:
https://github.com/xiaofan9/date-week-range/

猜你喜欢

转载自blog.csdn.net/xingchen678/article/details/128897890