Row{ width: childrenRect.width spacing: 5 CusLabel{ id:dateTimeLabel text: "筛选时间" font.pixelSize: 16 anchors.verticalCenter: dateInput.verticalCenter } CusInputDate{ id:dateInput height: 20 normalTextColor: CusConfig.themeColor selectTextColor: CusConfig.pageBkgColor beginDate: __minDate endDate: new Date() endTime: Qt.formatDateTime(new Date(),"hh:mm:ss") Component.onCompleted: { __minDate= new Date("2020/01/01") __maxDate= new Date() } } } } 这段代码中将时间筛选两个日期分为3行显示
时间: 2024-03-30 17:33:19 浏览: 97
这段代码中并没有将时间筛选两个日期分为3行显示,而是将它们放在一个Row中并用两个子组件显示。第一个子组件是一个CusLabel,用于显示"筛选时间"这个文本,第二个子组件是一个CusInputDate,用于显示日期的输入框。这两个子组件之间的间距为5。所以整个Row的高度只有两个子组件的高度加上间距。
相关问题
Rectangle{ width: parent.width height: 120/2 anchors.bottom: parent.bottom color: "#114670" Row{ width: childrenRect.width spacing: 5 CusLabel{ id:dateTimeLabel text: "筛选时间" font.pixelSize: 16 anchors.verticalCenter: dateInput.verticalCenter } CusInputDate{ id:dateInput height: 20 normalTextColor: CusConfig.themeColor selectTextColor: CusConfig.pageBkgColor beginDate: __minDate endDate: new Date() endTime: Qt.formatDateTime(new Date(),"hh:mm:ss") Component.onCompleted: { __minDate= new Date("2020/01/01") __maxDate= new Date() } } } } 这段代码中将时间筛选两个日期分为两行
可以将 `Row` 换成 `Column`,这样就可以将两个控件分开放在不同的行了,代码修改如下:
```
Rectangle{
width: parent.width
height: 120/2
anchors.bottom: parent.bottom
color: "#114670"
Column{
width: childrenRect.width
spacing: 5
CusLabel{
id:dateTimeLabel
text: "筛选时间"
font.pixelSize: 16
anchors.horizontalCenter: parent.horizontalCenter
}
CusInputDate{
id:dateInput
height: 20
normalTextColor: CusConfig.themeColor
selectTextColor: CusConfig.pageBkgColor
beginDate: __minDate
endDate: new Date()
endTime: Qt.formatDateTime(new Date(),"hh:mm:ss")
Component.onCompleted: {
__minDate= new Date("2020/01/01")
__maxDate= new Date()
}
}
}
}
```
阅读全文