0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙ArkTS声明式组件:DatePicker

jf_46214456 来源:jf_46214456 作者:jf_46214456 2024-06-21 16:46 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

DatePicker

日期选择器组件,用于根据指定日期范围创建日期滑动选择器。

说明:
开发前请熟悉鸿蒙开发指导文档 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
该组件从API Version 8开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。

子组件

接口

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

根据指定范围的Date创建可以选择日期的滑动选择器。

参数:

参数名参数类型必填参数描述
startDate指定选择器的起始日期。 默认值:Date('1970-1-1')
endDate指定选择器的结束日期。 默认值:Date('2100-12-31')
selectedDate设置选中项的日期。 默认值:当前系统日期 从API version 10开始,该参数支持[$$]双向绑定变量。

异常情形说明:

异常情形对应结果
起始日期晚于结束日期,选中日期未设置起始日期、结束日期和选中日期都为默认值
起始日期晚于结束日期,选中日期早于起始日期默认值起始日期、结束日期都为默认值,选中日期为起始日期默认值
起始日期晚于结束日期,选中日期晚于结束日期默认值起始日期、结束日期都为默认值,选中日期为结束日期默认值
起始日期晚于结束日期,选中日期在起始日期与结束日期默认值范围内起始日期、结束日期都为默认值,选中日期为设置的值
选中日期早于起始日期选中日期为起始日期
选中日期晚于结束日期选中日期为结束日期
起始日期晚于当前系统日期,选中日期未设置选中日期为起始日期
结束日期早于当前系统日期,选中日期未设置选中日期为结束日期
日期格式不符合规范,如‘1999-13-32’取默认值
起始日期或结束日期早于系统有效范围起始日期或结束日期取系统有效范围最早日期
起始日期或结束日期晚于系统有效范围起始日期或结束日期取系统有效范围最晚日期

系统日期范围:1900-1-31 ~ 2100-12-31

选中日期会在起始日期与结束日期异常处理完成后再进行异常情形判断处理

属性

除支持[通用属性]外,还支持以下属性:

名称参数类型描述
lunarboolean日期是否显示农历。 - true:展示农历。 - false:不展示农历。 默认值:false
disappearTextStyle10+[PickerTextStyle]设置所有选项中最上和最下两个选项的文本颜色、字号、字体粗细。 默认值: { color: '#ff182431', font: { size: '14fp', weight: FontWeight.Regular } }
textStyle10+[PickerTextStyle]设置所有选项中除了最上、最下及选中项以外的文本颜色、字号、字体粗细。 默认值: { color: '#ff182431', font: { size: '16fp', weight: FontWeight.Regular } }
selectedTextStyle10+[PickerTextStyle]设置选中项的文本颜色、字号、字体粗细。 默认值: { color: '#ff007dff', font: { size: '20vp', weight: FontWeight.Medium } }

PickerTextStyle10+类型说明

参数名参数类型必填参数描述
color[ResourceColor]文本颜色。
font[Font]文本样式,picker只支持字号、字体粗细的设置。

事件

除支持[通用事件]外,还支持以下事件:

名称功能描述
onDateChange(callback: (value: Date) => void)10+选择日期时触发该事件。 Date:返回选中的时间,年月日为选中的日期,时分取决于当前系统时间的时分,秒恒为00。HarmonyOSOpenHarmony鸿蒙文档籽料:mau123789是v直接拿

搜狗高速浏览器截图20240326151450.png

DatePickerResult对象说明

名称参数类型描述
yearnumber选中日期的年。
monthnumber选中日期的月(0~11),0表示1月,11表示12月。
daynumber选中日期的日。

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 鸿蒙
    +关注

    关注

    60

    文章

    2865

    浏览量

    45397
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    发布元服务配置隐私声明

    服务”。 选择要发布的元服务。 左侧导航选择“应用上架 > 版本信息”下待发布的版本。 进入“隐私声明”区域,选择您生成的隐私政策和用户协议。 本文参考鸿蒙官方文档
    发表于 11-25 11:24

    鸿蒙非侵入弹窗新解法,企查查正式开源“QuickDialog”弹窗组件

    近日,企查查将其自研的鸿蒙弹窗组件库“QuickDialog”开源,并上线至 OpenHarmony 三方库中心仓。这是鸿蒙生态首个支持“弹窗堆栈暂存能力”的非侵入弹窗解决方案,凭借
    的头像 发表于 07-31 10:40 560次阅读
    <b class='flag-5'>鸿蒙</b>非侵入<b class='flag-5'>式</b>弹窗新解法,企查查正式开源“QuickDialog”弹窗<b class='flag-5'>组件</b>库

    【HarmonyOS 5】鸿蒙页面和组件生命周期函数

    【HarmonyOS 5】鸿蒙页面和组件生命周期函数 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、生命周期阶段: 创建阶段 build
    的头像 发表于 07-11 18:24 836次阅读

    【HarmonyOS 5】金融应用开发鸿蒙组件实践

    【HarmonyOS 5】金融应用开发鸿蒙组件实践 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、鸿
    的头像 发表于 07-11 18:20 773次阅读
    【HarmonyOS 5】金融应用开发<b class='flag-5'>鸿蒙</b><b class='flag-5'>组件</b>实践

    【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解

    【 HarmonyOS 5 入门系列 】鸿蒙HarmonyOS示例项目讲解 ##鸿蒙开发能力 ##HarmonyOS SDK应用服务##鸿蒙金融类应用 (金融理财# 一、前言:移动开发声明
    的头像 发表于 07-07 11:57 830次阅读
    【 HarmonyOS 5 入门系列 】<b class='flag-5'>鸿蒙</b>HarmonyOS示例项目讲解

    ArkUI介绍

    范式,分别是基于ArkTS声明开发范式(简称“声明开发范式”)和兼容JS的类Web开发范式(简称“类Web开发范式”)。
    发表于 06-24 06:41

    UI开发概述

    应用开发在TypeScript(简称TS)生态基础上做了进一步扩展。扩展能力包含声明UI描述、自定义组件、动态扩展UI元素、状态管理和渲染控制。状态管理作为基于ArkTS
    发表于 06-24 06:36

    什么是ArkTS

    ArkTS简介 ArkTS是OpenHarmony优选的应用高级开发语言。ArkTS提供了声明UI范式、状态管理支持等相应的能力,让开发
    发表于 06-17 06:24

    鸿蒙5开发宝藏案例分享---应用并发设计

    ?** 鸿蒙并发编程实战指南:解锁ArkTS多线程黑科技** 嘿,开发者朋友们! 今天给大家扒一扒鸿蒙官方文档里藏着的并发编程宝藏—— 100+实战场景解决方案 !从金融理财到游戏开发,从折叠屏适配
    发表于 06-12 16:19

    使用DevEcoStudio 开发、编译鸿蒙 NEXT_APP 以及使用中文插件

    使用 ArkTS 声明语法: @Entry @Component export struct Index { @State message: string = \'Hello World
    发表于 06-11 17:18

    Kuikly鸿蒙版正式开源 —— 揭秘卓越性能适配之旅

    的 ArkUI 来编写的,UI组件由数据和UI描述组成,UI更新只能通过修改其绑定的数据来实现。渲染层怎样驱动声明的ArkUI成为了鸿蒙版适配的第一个问题。 初步解决方案:统一Bui
    发表于 06-04 16:46

    KaihongOS操作系统:ArkTS语言基础

    和特性都适用于ArkTSArkTS为TypeScript添加了一些特定的API和组件,以便更好地在KaihongOS上进行开发。 ArkTS基础 类和接口 在
    发表于 04-23 06:31

    基于鸿蒙原生ArkTS语法开发的图表组件--柱状图

    大家好,我是陈杨。在上一篇文章中,我简要介绍了折线图的实现逻辑,并解释了整体图表的绘制规则。根据这些规则,我们还可以绘制更多种类的图表组件。在本期中,我将讲解如何实现柱状图,并引入了一个新的功能
    的头像 发表于 03-16 16:01 839次阅读
    基于<b class='flag-5'>鸿蒙</b>原生<b class='flag-5'>ArkTS</b>语法开发的图表<b class='flag-5'>组件</b>--柱状图

    【McCharts】基于鸿蒙ArkTS语法开发的图表组件--折线图

    的编辑器,可以用来自己平时做图或者设计海报之类的。而这次我将使用鸿蒙 ArkTs 来开发这款海报编辑器 APP,顺便分享一下我这次的开发经验。项目架构与开发流程我这次项目功能架构以及整体开发流程如下
    发表于 03-15 15:27

    开源啦!!!基于鸿蒙ArkTS封装的图表组件《McCharts》,大家快来一起共创

    Hello;大家好,我是陈杨。好久没更新了,首先是自己本职工作比较忙,基本没时间写作。其次就是学习技术,自学鸿蒙ArkTS语言已经接近半年了,也算半路出师了,这次将分享我封装的组件库,所以有啥讲错
    发表于 03-15 15:21