Calendar 日历 
概述
Calendar 日历,用于选择日期区间。支持单选、多选、区间选择。
温馨提示
组件内部使用了 fui-icon(字体图标)组件,需要同时引入该组件。
如果需要从底部弹出选择,请结合 fui-bottom-popup(底部弹出层)组件实现,可参考示例使用。
# 引入
以下介绍两种常用的引入方式。
第一种:在页面json文件中引入
{
"navigationBarTitleText": "日历",
"usingComponents": {
"fui-calendar": "/components/firstui/fui-calendar/fui-calendar"
}
}
1
2
3
4
5
6
2
3
4
5
6
第二种:在根目录app.json文件中全局引入
"usingComponents": {
"fui-calendar": "components/firstui/fui-calendar/fui-calendar"
}
1
2
3
2
3
# 代码演示
代码演示、属性列表等详细内容仅VIP用户可查看。
示例预览
# 特别说明
