CalendarPicker

日歷選擇器組件,提供下拉日歷彈窗，可以讓用戶選擇日期。

說明：
開發前請熟悉鴻蒙開發指導文檔 ：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
該組件從API Version 10開始支持。后續版本如有新增內容，則采用上角標單獨標記該內容的起始版本。

子組件

無

接口

CalendarPicker(options?: CalendarOptions)

屬性

除支持[通用屬性]外，還支持以下屬性：

事件

除支持[通用事件]，還支持以下事件：

CalendarOptions對象說明

CalendarAlign枚舉說明

從API version 9開始，該接口支持在ArkTS卡片中使用。

示例

// xxx.ets
@Entry
@Component
struct CalendarPickerExample {
  private selectedDate: Date = new Date()
  build() {
    Column() {
      Text('月歷日期選擇器').fontSize(30)
      Column() {
        CalendarPicker({ hintRadius: 10, selected: this.selectedDate })
          .edgeAlign(CalendarAlign.END)
          .textStyle({ color: "#ff182431", font: { size: 20, weight: FontWeight.Normal } })
          .margin(10)
          .onChange((value) = > {
            console.info("CalendarPicker onChange:" + JSON.stringify(value))
          })
      }.alignItems(HorizontalAlign.End).width("100%")
    }.width('100%').margin({top:350})
  }
}

審核編輯 黃宇