鴻蒙開發（ArkUI）—分析DatePicker組件

一、操作環境

操作系統: Windows 10 專業版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1+

二、DatePicker組件

日期選擇器組件，用于根據指定日期范圍創建日期滑動選擇器。

子組件

無。

接口

DatePicker(options?: {start?: Date, end?: Date, selected?: Date})

根據指定范圍的Date創建可以選擇日期的滑動選擇器。

構造參數

屬性

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

事件

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

三、示例

代碼

// xxx.ets
@Entry
@Component
struct DatePickerExample {
  @State isLunar: boolean = false
  private selectedDate: Date = new Date('2021-08-08')

  build() {
    Column() {
      Button('切換公歷農歷')
        .margin({ top: 30, bottom: 30 })
        .onClick(() = > {
          this.isLunar = !this.isLunar
        })
      DatePicker({
        start: new Date('1970-1-1'),
        end: new Date('2100-1-1'),
        selected: this.selectedDate
      })
        .lunar(this.isLunar)
        .onChange((value: DatePickerResult) = > {
          this.selectedDate.setFullYear(value.year, value.month, value.day)
          console.info('select current date is: ' + JSON.stringify(value))
        })

    }.width('100%')
  }
}

圖例

審核編輯 黃宇