日历 Calendar
issue

基于 calendar 封装

何时使用

当数据是日期或按照日期划分时,例如日程、课表、价格日历等,农历等。目前支持年/月切换。

如何使用


import Calendar from 'bee-calendar';
import bee-calendar/build/Calendar.css;

能力特性

API

参数 说明 类型 默认值
prefixCls prefixCls of this component String
value 输入框当前的值 moment
defaultValue 输入框默认的值 moment
defaultType 默认渲染类型:日期/月份(date/month) string date
type 面板的类型:日期/月份(date/month) string
onTypeChange 面板切换的回调函数 function(type)
fullscreen 铺满显示 bool false
monthCellRender 月份显示回调函数 function
dateCellRender 日期显示回调函数 function
monthCellContentRender 月份内容渲染回调函数 function
dateCellContentRender 日期内容渲染回调函数 function
onSelect 日期选中回调函数 Function(date: moment)
onChange 日期更改回调函数 Function(date: moment)

注意事项

暂无

更新日志

  • v2.1.3 2020-04-24 ( release地址 )

    Bug Fixes

  • v2.1.2 2019-11-25 ( release地址 )

    • bee-calendar @2.1.2
      • [ Fixbug ]兼容不传 onChange 的情况
  • v2.1.1 2019-11-19 ( release地址 )

    • bee-calendar @2.1.1
      • [ Feature ] 新增了 onChange API,日期更改可以触发回调函数。
  • v2.0.4 2019-03-19 ( release地址 )

    bee-calendar v2.0.4升级内容

    • [Feature]bee-calendar @2.0.4
      • 年月切换按钮 hover样式统一
      • 日期按钮hover样式统一
      • 下拉面板selected样式统一
      • 选中背景色统一
  • v2.0.3 2019-03-07 ( release地址 )

    • [Feature]bee-calendar @2.0.3
      • 日历面板中的下拉框和输入框的边框颜色统一为#a5adba