qml获取系统时间分12/24小时展示

在QML中获取系统时间并以12小时或24小时格式展示，通常会用到`Qt`模块中的`Date`和`Text`元素。下面是一个简单的示例代码，展示了如何实现这个功能：

import QtQuick 2.0

Item {
    width: 200; height: 100

    // 获取当前时间
    var currentDate = new Date();

    // 创建一个格式化器用于转换时间格式
    var timeFormatter = Qt.createQmlObject('''
        import QtQuick 2.0
        Text {
            property var format: "HH:mm" // 默认24小时制
            function setFormatTo12Hours() {
                format = "hh:mm A"
            }
            function setFormatTo24Hours() {
                format = "HH:mm"
            }
            function formatTime(time) {
                var date = new Date(time);
                var format = this.format;
                var hours = date.getHours();
                var minutes = date.getMinutes();
                var seconds = date.getSeconds();
                var ampm = hours >= 12 ? ' PM' : ' AM';

                hours = hours % 12;
                hours = hours ? hours : 12; // 将0小时转换为12小时
                minutes = minutes < 10 ? '0' + minutes : minutes;
                seconds = seconds < 10 ? '0' + seconds : seconds;

                var formattedTime = hours + ':' + minutes + ':' + seconds + ampm;
                return formattedTime;
            }
        }
    ''', this);

    // 默认显示24小时制时间
    timeFormatter.setFormatTo24Hours();

    // 将当前时间格式化并显示
    Text {
        anchors.fill: parent
        text: timeFormatter.formatTime(currentDate)
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
    }

    // 按钮用于切换时间格式
    Button {
        text: "切换时间格式"
        anchors.bottom: parent.bottom
        anchors.horizontalCenter: parent.horizontalCenter
        onClicked: {
            if (timeFormatter.format == "HH:mm") {
                timeFormatter.setFormatTo12Hours();
            } else {
                timeFormatter.setFormatTo24Hours();
            }
        }
    }
}

在这段代码中，我们创建了一个`Text`对象来格式化时间，并提供了一个按钮来切换显示的小时制。默认情况下，时间以24小时制格式显示。点击按钮会切换时间显示格式。