w-vue3-weeker v1.0.4

Vue3可用的年月周选择器

例子

<script setup>
import Weeker from 'w-vue3-weeker'
const handleWeekerChange = timeStamp => {
    console.loe(timeStamp) // 1673858261
}
</script>

<template>
  <div id="app">
    <Weeker @on-change="handleWeekerChange" :width="200" />
  </div>
</template>

事件

on-change 回调参数为当前选择日期的时间戳

props参数

fontSize: 字体大小(默认14px) 接收 Number,String类型

color: 主体颜色(默认#000) 接收 String类型,支持HEX格式

width: 组件宽度(默认100%) 接收 Number,String类型

height: 组件高度(默认5px) 接收 Number,String类型

arrowPx: 箭头粗度值(默认8px) 接收 Number,String类型

gap: 年月轴三个模块的间距(默认5px） 接收 Number,String类型

date: 日期（默认当前日期） 接收 Number,String,Date类型

minDate: 最小日期(默认为'1970-01-01') 接收 Number,String,Date类型

maxDate: 最大日期(默认为'2099-01-01') 接收 Number,String,Date类型

enableFutureDate: 是否开启未来时间(不开启最大日期为当前时间，默认开启) 接收 Boolean类型