92.qt qml-日期/日期时间/时间选择器(日历选择器)

**Qt QML 日期/日期时间/时间选择器（日历选择器）**

在 Qt QML 中，日期、日期时间和时间选择器是非常常用的控件。它们可以帮助用户选择特定的日期或时间。下面，我们将介绍如何使用这些控件，并提供一些示例代码。

**1. 日期选择器（QDateEdit）**

日期选择器是一个用于选择特定日期的控件。它通常显示一个日历视图，用户可以在其中选择日期。

qmlimport QtQuick2.0Item {
 width:300; height:200 QDateEdit {
 id: dateEdit anchors.centerIn: parent date: new Date()
 onActivated: console.log("Selected date:", date)
 }
}

在上面的示例中，我们创建了一个 `QDateEdit` 控件，并将其放置在一个 `Item` 中。我们还设置了控件的初始日期为当前日期。

**2. 日期时间选择器（QDateTimeEdit）**

日期时间选择器是一个用于选择特定日期和时间的控件。它通常显示两个视图：一个用于选择日期，另一个用于选择时间。

qmlimport QtQuick2.0Item {
 width:300; height:200 QDateTimeEdit {
 id: dateTimeEdit anchors.centerIn: parent date: new Date()
 time: new Date().getHours() + ":" + new Date().getMinutes()
 onActivated: console.log("Selected date and time:", date, time)
 }
}

在上面的示例中，我们创建了一个 `QDateTimeEdit` 控件，并将其放置在一个 `Item` 中。我们还设置了控件的初始日期和时间为当前日期和时间。

**3. 时间选择器（QTimeEdit）**

时间选择器是一个用于选择特定时间的控件。它通常显示一个时钟视图，用户可以在其中选择时间。

qmlimport QtQuick2.0Item {
 width:300; height:200 QTimeEdit {
 id: timeEdit anchors.centerIn: parent time: new Date().getHours() + ":" + new Date().getMinutes()
 onActivated: console.log("Selected time:", time)
 }
}

在上面的示例中，我们创建了一个 `QTimeEdit` 控件，并将其放置在一个 `Item` 中。我们还设置了控件的初始时间为当前时间。

**4. 日历视图（QCalendarView）**

日历视图是一个用于显示特定月份的日历的控件。它通常显示一个表格视图，用户可以在其中选择日期。

qmlimport QtQuick2.0Item {
 width:300; height:200 QCalendarView {
 id: calendarView anchors.centerIn: parent visibleDate: new Date()
 onActivated: console.log("Selected date:", date)
 }
}

在上面的示例中，我们创建了一个 `QCalendarView` 控件，并将其放置在一个 `Item` 中。我们还设置了控件的初始日期为当前日期。

**5. 日历选择器（QDateChooser）**

日历选择器是一个用于选择特定日期的控件。它通常显示一个日历视图，用户可以在其中选择日期。

qmlimport QtQuick2.0Item {
 width:300; height:200 QDateChooser {
 id: dateChooser anchors.centerIn: parent date: new Date()
 onActivated: console.log("Selected date:", date)
 }
}

在上面的示例中，我们创建了一个 `QDateChooser` 控件，并将其放置在一个 `Item` 中。我们还设置了控件的初始日期为当前日期。

以上是 Qt QML 中日期、日期时间和时间选择器的基本使用方法和示例代码。这些控件可以帮助用户选择特定的日期或时间，非常适合于日常生活中的各种场景。