FluentUI/example/qml/page/T_DatePicker.qml

81 lines
1.9 KiB
QML
Raw Normal View History

2023-08-24 15:50:37 +08:00
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15
import FluentUI 1.0
2023-08-26 17:20:30 +08:00
import "../component"
2023-03-12 14:26:03 +08:00
FluScrollablePage{
2024-03-09 15:35:48 +08:00
title: qsTr("TimePicker")
2023-03-12 14:26:03 +08:00
FluArea{
2023-04-03 09:32:06 +08:00
Layout.fillWidth: true
2023-03-12 14:26:03 +08:00
Layout.topMargin: 20
height: 80
paddings: 10
ColumnLayout{
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
FluText{
2024-03-09 15:35:48 +08:00
text: qsTr("showYear=true")
2023-03-12 14:26:03 +08:00
}
FluDatePicker{
2023-08-24 21:43:16 +08:00
current: new Date()
2024-03-09 15:35:48 +08:00
yearText: qsTr("Year")
monthText: qsTr("Month")
dayText: qsTr("Day")
cancelText: qsTr("Cancel")
okText: qsTr("OK")
2023-08-24 21:43:16 +08:00
onAccepted: {
2023-06-25 10:13:50 +08:00
showSuccess(current.toLocaleDateString())
}
2023-03-12 14:26:03 +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:'FluDatePicker{
2023-03-12 14:26:03 +08:00
2023-04-06 17:32:21 +08:00
}'
}
2023-03-12 14:26:03 +08:00
FluArea{
2023-04-03 09:32:06 +08:00
Layout.fillWidth: true
2023-03-12 14:26:03 +08:00
Layout.topMargin: 20
height: 80
paddings: 10
ColumnLayout{
anchors{
verticalCenter: parent.verticalCenter
left: parent.left
}
FluText{
2024-03-09 15:35:48 +08:00
text: qsTr("showYear=false")
2023-03-12 14:26:03 +08:00
}
FluDatePicker{
2024-03-09 15:35:48 +08:00
showYear: false
yearText: qsTr("Year")
monthText: qsTr("Month")
dayText: qsTr("Day")
cancelText: qsTr("Cancel")
okText: qsTr("OK")
2023-08-24 21:43:16 +08:00
onAccepted: {
2023-06-25 10:13:50 +08:00
showSuccess(current.toLocaleDateString())
}
2023-03-12 14:26:03 +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:'FluDatePicker{
showYear:false
}'
}
2023-03-12 14:26:03 +08:00
}