< 文档首页
全部产品
弹性计算
存储服务
数据库
网络
视频与CDN
域名与网站
工商财税 知识产权
应用服务
互联网中间件
移动研发平台 EMAS
移动研发平台EMAS-专有云
云通信
安全
大数据
人工智能
ET大脑
物联网
物联网行业方案
数字金融
管理与监控
云市场
API与工具
解决方案
钉钉
会员服务
更多

    日历（Calendar）

    更新时间：2019-09-09 15:17:38

    ★ 我的收藏
    本页目录

    本文介绍日历（Calendar）。

    属性名 描述 类型 默认值 必选
    type 选择类型 single: 单日 range: 日期区间 String single false
    tagData 标记数据，其中包括日期 date、标记 tag、是否禁用 disable、标记颜色 tagColor；tagColor 有 5 个可选值：#f5a911、#e8541e、#07a89b、#108ee9、#b5b5b5. Array<date, tag, tagColor> - false
    onSelect 选择区间回调 ([startDate, endDate]) => void - false
    onMonthChange 点击切换月份时回调，带两个参数 currentMonth 切换后月份和 prevMonth 切换前月份 (currentMonth, prevMonth) => void - false
    onSelectHasDisableDate 选择区间包含不可用日期 (currentMonth, prevMonth) => void - false

    代码示例

    1. {
    2.   "defaultTitle": "小程序AntUI组件库",
    3.   "usingComponents":{
    4.     "calendar": "mini-antui/es/calendar/index"
    5.   }
    6. }
    1. <view>
    2.   <calendar
    3.     type="single"
    4.     tagData="{{tagData}}"
    5.     onSelect="handleSelect" />
    6. </view>
    1. Page({
    2.   data: {
    3.     tagData: [
    4.       { date: '2018-05-14', tag: '还房贷', tagColor: 5 },
    5.       { date: '2018-05-28', tag: '公积金', tagColor: 2 },
    6.     ],
    7.   },
    8.   handleSelect() {},
    9.   onMonthChange() {},
    10. });
    上一篇：可滑动单元格（SwipeAction）
    下一篇：步进器（Stepper）
    相关文档
    相关产品
    • 移动开发平台mPaaS
      移动开发平台（Mobile PaaS，简称 mPaaS）是源于支付宝 App 的移动开发平台，为移动开发、测试、运营及运维提供云到端的一站式解决方案，能有效降低技术门槛、减少研发成本、提升开发效率，协助企业快速搭建稳定高质量的移动 App。
    • 金融分布式架构SOFAStack
      SOFAStack™（Scalable Open Financial Architecture Stack）包含构建金融级云原生架构所需的各个组件，也是在金融场景里锤炼出来的最佳实践。提供微服务应用开发、部署发布、监控运维、项目管理、容灾高可用等全栈式解决方案，并兼容Dubbo、Spring Cloud等微服务运行环境，提供基于虚拟机的经典PaaS运维和基于Kubernetes的云原生运维能力，助力客户各类应用轻松转型分布式和云原生架构。
    • 移动推送
      阿里移动推送（Alibaba Cloud Mobile Push）是基于大数据的移动智能推送服务，帮助App快速集成移动推送的功能，在实现高效、精确、实时的移动推送的同时，极大地降低了开发成本。让开发者最有效地与用户保持连接，从而提高用户活跃度、提高应用的留存率。