使用日期选择器让用户选择日期。

import { DatePickerPopup, Button } from "std-widgets.slint";export component Example inherits Window {    width: 400px;    height: 600px;
    date-picker-button := Button {        text: @tr("Open Date Picker");
        clicked => {            date-picker.show();        }    }
    date-picker := DatePickerPopup {        x: (root.width - self.width) / 2;        y: (root.height - self.height ) / 2;        close-policy: PopupClosePolicy.no-auto-close;
        accepted(date) => {            date-picker.close();        }        canceled => {            date-picker.close();        }    }}

属性

title

string default: ""

显示在选择器顶部的文本。

date

struct Date default: a struct with all default values

设置初始显示的日期。

DatePickerPopup {    date: { year: 2024, month: 11 };}

Date

使用日、月和年定义一个日期。

• day (int)：日的值（范围从 1 到 31）。
• month (int)：月的值（范围从 1 到 12）。
• year (int)：年的值。

回调

canceled()

单击取消按钮时调用。

date-picker := DatePickerPopup {    canceled() => {        date-picker.close();    }}

accepted(Date)

单击确定按钮时调用。

date-picker := DatePickerPopup {    accepted(date) => {        debug("Selected date: ", date);        date-picker.close();    }}