HarmonyOS鸿蒙开发日期选择器（阳历、阴历）

一直会分享，虽然鸿蒙目前来没有多大发展，但不可否然以后发展，华为的技术是一大突破，存在即合理
可以现在没有多大发展。但不可否定未来的发展。

关注’猿来编码‘，微信订阅号，回复 ’日期选择器‘，获取更多

日期选择器

@Entry
@Component
struct Index {
  selectedDate: Date = new Date("2024-3-20")
  build() {
    Column({ space: 5 }) {
      Blank()
      Button("日期选择器（阳历）")
        .margin(20)
        .onClick(() => {
          DatePickerDialog.show({
            start: new Date("2000-1-1"),
            end: new Date("2100-12-31"),
            selected: this.selectedDate,
            onAccept: (value: DatePickerResult) => {
              // 通过Date的setFullYear方法设置按下确定按钮时的日期，这样当弹窗再次弹出时显示选中的是上一次确定的日期
              this.selectedDate.setFullYear(value.year, value.month, value.day)
              console.info("DatePickerDialog:onAccept()" + JSON.stringify(value))
            },
            onCancel: () => {
              console.info("DatePickerDialog:onCancel()")
            },
            onChange: (value: DatePickerResult) => {
              console.info("DatePickerDialog:onChange()" + JSON.stringify(value))
            }
          })
        })

      Button("日期选择器（阴历 ）")
        .onClick(() => {
          DatePickerDialog.show({
            start: new Date("2000-1-1"),
            end: new Date("2100-12-31"),
            selected: this.selectedDate,
            lunar: true,
            onAccept: (value: DatePickerResult) => {
              this.selectedDate.setFullYear(value.year, value.month, value.day)
              console.info("DatePickerDialog:onAccept()" + JSON.stringify(value))
            },
            onCancel: () => {
              console.info("DatePickerDialog:onCancel()")
            },
            onChange: (value: DatePickerResult) => {
              console.info("DatePickerDialog:onChange()" + JSON.stringify(value))
            }
          })
        })
      Blank()
      Blank()
    }
    .width('100%').margin({ top: 5 })
    .height('100%')
  }
}

阳历

阴历