Logo FluentUI

Contents

DatePicker QML Type

一个用于选择日期的组件，支持年、月、日的选择。. More...

Import Statement: import FluentUI.Controls 1.0

Properties

Signals

Detailed Description

DatePicker 组件是一个自定义的日期选择器，允许用户从指定的时间范围内选择一个日期。该组件提供了多种属性，用于控制显示的日期范围、显示的时间单位（年、月、日），以及与本地化相关的日期格式。

示例用法：

 DatePicker {
     showYear: true
     showMonth: true
     showDay: true
     startDate: new Date(1924, 0, 1)
     endDate: new Date(2124, 0, 1)
     onAccepted: {
         console.log("Selected date:", current)
     }
 }

Property Documentation

current : var

当前选择的日期。


dayText : string

日期选择框的默认文本。


endDate : date

可选择的结束日期。


monthText : string

月份选择框的默认文本。


showDay : bool

是否显示日期选择框。默认值为 true。


showMonth : bool

是否显示月份选择框。默认值为 true。


showYear : bool

是否显示年份选择框。默认值为 true。


startDate : date

可选择的起始日期。


yearText : string

年份选择框的默认文本。


Signal Documentation

accepted()

当用户点击确认按钮并选择日期时发出此信号。

Note: The corresponding handler is onAccepted.