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-27 10:25:58 +08:00
|
|
|
title: qsTr("DatePicker")
|
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()
|
|
|
|
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
|
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
|
|
|
|
|
|
|
}
|