qml的button上显示实时日期和时间

要在QML的按钮上显示实时日期和时间，你可以使用Qt时间模块中的QDateTime类来获取当前日期和时间。然后，将日期和时间格式化为所需的字符串，并将其设置为按钮的文本。以下是一个示例：

import QtQuick 2.0
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.3
import Qt.labs.calendar 1.0

ApplicationWindow {
    visible: true
    width: 640
    height: 480

    DateTimeFormatter {
        id: dateFormatter
        locale: Qt.locale()
        format: "yyyy-MM-dd"
    }

    DateTimeFormatter {
        id: timeFormatter
        locale: Qt.locale()
        format: "hh:mm:ss"
    }

    GridLayout {
        id: grid
        rows: 2
        columns: 2
        spacing: 10

        Button {
            text: dateFormatter.format(new Date())
        }

        Button {
            text: timeFormatter.format(new Date())
        }
    }

    Timer {
        interval: 1000
        running: true
        repeat: true
        onTriggered: {
            grid.children.forEach(function(child) {
                child.text = child.id === "dateButton" ? dateFormatter.format(new Date()) : timeFormatter.format(new Date())
            })
        }
    }
}

这里我们使用了GridLayout来放置两个按钮，一个用于显示日期，另一个用于显示时间。我们还创建了两个DateTimeFormatter，一个用于格式化日期，另一个用于格式化时间。最后，我们使用一个定时器，每秒钟更新一次按钮上的文本，以显示实时日期和时间。