鴻蒙ArkTS聲明式組件：CalendarPicker

CalendarPicker

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

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

子組件

無

接口

CalendarPicker(options?: CalendarOptions)

屬性

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

名稱	參數(shù)類型	描述
edgeAlign	alignType: [CalendarAlign]，offset?: [Offset]	設(shè)置選擇器與入口組件的對齊方式。 -alignType: 對齊方式類型。默認(rèn)值：CalendarAlign .END。 -offset: 按照對齊類型對齊后，選擇器相對入口組件的偏移量。默認(rèn)值：{dx: 0, dy: 0}。
textStyle	[PickerTextStyle]	設(shè)置入口區(qū)的文本顏色、字號、字體粗細(xì)。

事件

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

名稱	功能描述
onChange(callback: (value: Date) => void)	選擇日期時觸發(fā)該事件。 value：選中的日期值

CalendarOptions對象說明

參數(shù)名	參數(shù)類型	必填	參數(shù)描述
hintRadius	number	[Resource]	否
selected	Date	否	設(shè)置選中項的日期。默認(rèn)值：當(dāng)前系統(tǒng)日期。

CalendarAlign枚舉說明

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

名稱	描述
START	設(shè)置選擇器與入口組件左對齊的對齊方式。
CENTER	設(shè)置選擇器與入口組件居中對齊的對齊方式。
END	設(shè)置選擇器與入口組件右對齊的對齊方式。`HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿`

搜狗高速瀏覽器截圖20240326151547.png

示例

// 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})
  }
}

CalendarPicker

審核編輯黃宇

聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請聯(lián)系本站處理。舉報投訴

組件

組件

+關(guān)注

關(guān)注
1

文章
519

瀏覽量
17951
鴻蒙

鴻蒙

+關(guān)注

關(guān)注
57

文章
2398

瀏覽量
43109

HarmonyOS/OpenHarmony應(yīng)用開發(fā)-ArkTS的聲明式開發(fā)范式

軌跡。狀態(tài)與數(shù)據(jù)管理狀態(tài)數(shù)據(jù)管理作為基于ArkTS的聲明式開發(fā)范式的特色，通過功能不同的裝飾器給開發(fā)者提供了清晰的頁面更新渲染流程和管道。狀態(tài)管理包括UI組件狀態(tài)和應(yīng)用程序狀態(tài)，兩者協(xié)

發(fā)表于 01-17 15:09