鴻蒙開(kāi)發(fā)（ArkUI）—分析DatePicker組件

一、操作環(huán)境

操作系統(tǒng): Windows 10 專(zhuān)業(yè)版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1+

二、DatePicker組件

日期選擇器組件，用于根據(jù)指定日期范圍創(chuàng)建日期滑動(dòng)選擇器。

子組件

無(wú)。

接口

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

根據(jù)指定范圍的Date創(chuàng)建可以選擇日期的滑動(dòng)選擇器。

構(gòu)造參數(shù)

屬性

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

事件

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

三、示例

代碼

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

  build() {
    Column() {
      Button('切換公歷農(nóng)歷')
        .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%')
  }
}

圖例

審核編輯 黃宇