日期選擇器組件

子組件

無(wú)

接口

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

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

參數(shù):

屬性

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

事件

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

DatePickerResult對(duì)象說(shuō)明

示例

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