HarmonyOS 如何自定义UICalendarPicker点击弹出？

Question

customBuildPanel字段该怎么使用

Answer 1

customBuildPanel控制弹框组件样式，可以参考下述demo：

import { UICalendarPicker, TypePicker } from '@hw-agconnect/ui-calendar-picker';
@Entry
@Component
struct Index {
  @State selectedDate: Date = new Date(2024, 2, 1);
  @Builder componentBuilder() {
    Text(`我是样式`)
      .zIndex(123)
  }

  build() {
    Column() {
      Text('自定义日期控件').fontSize(30)
      Column() {
        UICalendarPicker({
          type: TypePicker.SINGLE,
          customColor: Color.Pink,
          selected: this.selectedDate,
          customBuildPanel: () => {
            this.componentBuilder()
          }
        })
      }.alignItems(HorizontalAlign.End).width("100%").padding(10)
    }
    .width('100%')
    .height('100%')
  }
}