Skip to content

TimePickerPopup

使用时间选择器选择时间,可采用 24 小时制或 12 小时制(AM/PM)。

import { TimePickerPopup, Button } from "std-widgets.slint";
export component Example inherits Window {
width: 400px;
height: 600px;
time-picker-button := Button {
text: @tr("Open TimePicker");
clicked => {
time-picker.show();
}
}
time-picker := TimePickerPopup {
x: (root.width - self.width) / 2;
y: (root.height - self.height ) / 2;
width: 360px;
height: 524px;
canceled => {
time-picker.close();
}
accepted(time) => {
debug(time);
time-picker.close();
}
}
}
slint

booldefault: system default

如果设置为 true,则以 24 小时制显示,否则以 AM/PM 模式显示。(默认:系统默认,如果无法确定则为 true)

stringdefault: ""

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

struct Timedefault: a struct with all default values

设置初始显示的时间。

TimePickerPopup {
time: { hour: 12, minute: 24 };
}
slint

取消按钮被点击。

time-picker := TimePickerPopup {
canceled() => {
time-picker.close();
}
}
slint

确定按钮被点击。

time-picker := TimePickerPopup {
accepted(time) => {
debug("Selected time: ", time);
time-picker.close();
}
}
slint

© 2026 SixtyFPS GmbH