HarmonyOS 鸿蒙Next 日期/日历/时间 选择器开发

发布于 1周前 作者 itying888 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 日期/日历/时间 选择器开发 需要自定义一个日期选择器，只选择到月份。但是看了官方的api，不支持设置成只选择到月，请问有相关的组件吗？或者直接用文本选择器自己做一个，但是文本选择器支持多个选项吗

Harmonyos Next教程
3 回复

目前暂时没有属性可设置DatePickerDialog仅仅只展示月。解决方案是如果想实现只有月的滑动选择器弹窗，可以使用TextPickerAPI自定义弹窗，range字段设置可选月。

range参数设置可参考示例：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-components-textpicker-V5

class bottom {
  bottom: number = 50
}

let bott: bottom = new bottom()

@Entry
@Component
struct TextPickerExample {

  private months: string[] = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']

  private multi: string[][] = [this.months]

  build() {
    Column () {
      TextPicker({ range: this.multi })
        .onChange((value: string | string[], index: number | number[]) => {
          console.info('TextPicker 多列:onChange ' + JSON.stringify(value) + ', ' + 'index: ' + JSON.stringify(index))
        }).margin(bott)
    }
  }
}

更多关于HarmonyOS 鸿蒙Next 日期/日历/时间 选择器开发的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


利用TextPicker实现日期选择框只有【年】或者【年月】或【月日】

在HarmonyOS（鸿蒙）系统中开发日期/日历/时间选择器，你可以利用鸿蒙系统提供的组件和API来实现。以下是关于如何实现这些功能的基本概述：

  1. 日期选择器：

    • 鸿蒙系统提供了DatePicker组件，用于选择日期。你可以通过XML布局文件或者直接在代码中创建DatePicker实例。
    • 设置日期选择器的范围、当前日期等属性，通过监听事件来获取用户选择的日期。

  2. 日历选择器：

    • 鸿蒙没有直接的CalendarPicker组件，但你可以通过组合使用DatePicker和ListView等组件来模拟日历选择器的功能。
    • 利用鸿蒙的日期和时间API，计算并显示指定月份的日历。

  3. 时间选择器：

    • 鸿蒙系统提供了TimePicker组件，用于选择时间。
    • 与DatePicker类似，你可以通过XML或代码创建TimePicker实例，并设置时间格式、当前时间等属性。
    • 监听时间选择事件，获取用户选择的时间。

在开发过程中，你需要熟悉鸿蒙系统的UI框架和组件库，以便正确地使用这些组件。同时，确保你的项目已经正确配置了鸿蒙系统的SDK和相关依赖。

如果问题依旧没法解决请联系官网客服,官网地址是： https://www.itying.com/category-93-b0.html，

回到顶部