FluentUI/example/qml/page/T_TimePicker.qml

80 lines
1.6 KiB
QML
Raw Normal View History

2023-05-22 16:17:51 +08:00
import QtQuick
2023-03-30 21:52:55 +08:00
import QtQuick.Controls
import QtQuick.Layouts
import QtQuick.Window
import FluentUI
2023-06-12 16:46:02 +08:00
import "qrc:///example/qml/component"
2023-03-11 14:41:31 +08:00
FluScrollablePage{
title:"TimePicker"
2023-07-14 16:15:25 +08:00
launchMode: FluPage.SingleInstance
2023-03-11 14:41:31 +08:00
FluArea{
2023-04-03 09:32:06 +08:00
Layout.fillWidth: true
2023-03-11 14:41:31 +08:00
Layout.topMargin: 20
height: 80
paddings: 10
ColumnLayout{
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
FluText{
text:"hourFormat=FluTimePicker.H"
}
FluTimePicker{
2023-06-25 10:13:50 +08:00
onCurrentChanged: {
showSuccess(current.toLocaleTimeString(Qt.locale("de_DE")))
}
2023-03-11 14:41:31 +08:00
}
}
}
2023-04-06 17:32:21 +08:00
CodeExpander{
Layout.fillWidth: true
2023-04-19 17:25:46 +08:00
Layout.topMargin: -1
2023-04-06 17:32:21 +08:00
code:'FluTimePicker{
2023-03-11 14:41:31 +08:00
2023-04-06 17:32:21 +08:00
}'
}
2023-03-11 14:41:31 +08:00
FluArea{
2023-04-03 09:32:06 +08:00
Layout.fillWidth: true
2023-03-11 14:41:31 +08:00
Layout.topMargin: 20
height: 80
paddings: 10
ColumnLayout{
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
FluText{
2023-06-25 10:13:50 +08:00
text:"hourFormat=FluTimePicker.HH"
2023-03-11 14:41:31 +08:00
}
FluTimePicker{
2023-07-14 16:15:25 +08:00
hourFormat:FluTimePicker.HH
onCurrentChanged: {
showSuccess(current.toLocaleTimeString(Qt.locale("de_DE")))
}
2023-03-11 14:41:31 +08:00
}
}
}
2023-04-06 17:32:21 +08:00
CodeExpander{
Layout.fillWidth: true
2023-04-19 17:25:46 +08:00
Layout.topMargin: -1
2023-04-06 17:32:21 +08:00
code:'FluTimePicker{
hourFormat:FluTimePicker.HH
}'
}
2023-03-11 14:41:31 +08:00
}