QML时钟时分秒补零实现：如何为小于10的数字前添加零

给小于10的时、分、秒数字前补零，最简洁高效的方式是利用Qt内置的时间格式化函数，或者自定义补零工具函数，以下是两种可行方案：

方案一：使用Qt.formatTime内置函数 #

Qt提供了Qt.formatTime()专门用于时间格式化，直接传入日期对象和格式字符串即可自动补零，无需手动判断，代码最简洁：

修改原代码中的时间显示逻辑，同时简化冗余的时分秒属性定义：

Item {
    id: time

    width: parent.width
    height: 80

    property date now: new Date()

    property int day: time.now.getDate()
    property var month: ["January", "February", "March", "April", "May", "June",
                         "July", "August", "September", "October", "November", "December"]
    property int year: time.now.getFullYear()

    Text {
        // 使用hh:mm:ss格式，自动为小于10的数字补零
        text: Qt.formatTime(time.now, "hh:mm:ss")
        font.pixelSize: 48
        font.weight: Font.DemiBold
        color: "#AEB3C3"
    }

    Text {
        // 修正月份索引：getMonth()返回0-11，直接对应数组下标
        text: time.day + " " + time.month[time.now.getMonth()] + " " + time.year + " г."
        font.pixelSize: 20
        color: "#AEB3C3"
        y: 60
    }

    Timer {
        id: updateclock
        interval: 1000
        running: true
        repeat: true
        onTriggered: {
            time.now = new Date()
        }
    }
}

格式说明：

• hh：24小时制的小时（自动补零），若需12小时制可配合AP/ap使用
• mm：分钟（自动补零）
• ss：秒（自动补零）

方案二：自定义补零函数 #

如果需要更灵活的自定义逻辑，可以编写一个简单的补零函数，在需要的地方调用：

Item {
    id: time

    width: parent.width
    height: 80

    property date now: new Date()

    property int hours: time.now.getHours()
    property int minutes: time.now.getMinutes()
    property int seconds: time.now.getSeconds()

    property int day: time.now.getDate()
    property var month: ["January", "February", "March", "April", "May", "June",
                         "July", "August", "September", "October", "November", "December"]
    property int year: time.now.getFullYear()

    // 自定义补零函数
    function padZero(num) {
        return num < 10 ? "0" + num : num;
    }

    Text {
        text: padZero(time.hours) + ":" + padZero(time.minutes) + ":" + padZero(time.seconds)
        font.pixelSize: 48
        font.weight: Font.DemiBold
        color: "#AEB3C3"
    }

    Text {
        text: padZero(time.day) + " " + time.month[time.now.getMonth()] + " " + time.year + " г."
        font.pixelSize: 20
        color: "#AEB3C3"
        y: 60
    }

    Timer {
        id: updateclock
        interval: 1000
        running: true
        repeat: true
        onTriggered: {
            time.now = new Date()
        }
    }
}

注：原代码中月份索引存在问题，getMonth()返回0-11（对应1-12月），直接用time.month[time.now.getMonth()]即可，无需+1，否则12月会出现数组越界。

内容的提问来源于stack exchange，提问作者olevin