@alicd/crui-week-picker

--- category: Components type: UI Views component: Base chinese: 周选择组件 english: WeekPicker ---

Usage no npm install needed!

<script type="module">
  import alicdCruiWeekPicker from 'https://cdn.skypack.dev/@alicd/crui-week-picker';
</script>

README

category: Components type: UI Views component: Base chinese: 周选择组件 english: WeekPicker

API

WeekPicker

成员 说明 类型 默认值
prefix 品牌样式前缀 string "next-"
className 自定义组件样式 string N/A
size 输入框大小

可选值:
'small', 'medium', 'large'		 "small" 或 "medium" 或 "large" "medium"
value 当前选择的周对应时间段 any N/A
defaultValue 默认周选择值 any N/A
onChange 用户选择周发生改变时的回调函数 (week: [Date, Date]) => void 默认为空
firstDayOfWeek 设置每周的第一天是星期几 number 1 (默认从周一开始)
defaultBase 默认的基准日期 string N/A
defaultOpen 是否默认展开 boolean N/A
open 是否展开 boolean N/A
onOpenChange 当面板展开状态改变时的回调函数 (open: boolean) => void 默认为空
popupStyle 弹层面板样式 object N/A
popupAlign 弹层对齐方式 string "tl tl"
popupOffset 弹层偏移 [number, number] [0, 0]
formater 日期格式化 string 或 [string] ['YYYY-MM-DD']
disabled 是否禁用 boolean N/A
hasClear 是否展示清空按钮 boolean true
readOnly 输入框是否只读 boolean false
locale 国际化配置, 参考 object {'datePlaceholder':'请选择日期','monthPlaceholder':'请选择月份','yearPlaceholder':'请选择年份','rangeStartPlaceholder':'起始日期','rangeEndPlaceholder':'结束日期','now':'此刻','selectDate':'选择日期','ok':'确定','clear':'清除'}
language 语言 Enum N/A

walle.ui.WeekPicker.getWeekRange

类型：(value: Date | Moment, firstDayOfWeek: number) => [Moment, Moment]

获得某一时间所在的周对应的时间段。