QML 实现时间控件 时间可加可减 添加计时器时间自己动

 

import QtQuick 2.4
import QtQuick.Controls 1.4
import QtQuick.Window 2.2
import QtQuick.Controls.Styles 1.4
import QtQuick.Controls 2.14
Window {
    property string hour:(new Date().toLocaleTimeString(Qt.locale(),"hh"))
    property string minute: (new Date().toLocaleTimeString(Qt.locale(),"mm"))
    property string second: (new Date().toLocaleTimeString(Qt.locale(),"ss"))
    id:main
    width: 880;
    height: 620;
    visible: true;
    Column{//小时
        id:hour_layout
        anchors.top: parent.top
        width: 90
        anchors.left: parent.left
        anchors.leftMargin: 20
        spacing: 2
        Button{//实现小时加
            id:hour_add
            width: 90
            height: 30
            autoRepeat: true
            Text {
                id: add_hour
                anchors.centerIn: parent
                text: qsTr("+")
                font.pixelSize: 22
            }
            background: Rectangle{
                id:rec_bg_hour_add
                border.color: "#4F94CD"
                border.width: 2
            }
            onPressed: rec_bg_hour_add.color = "#B5B5B5"
            onReleased: rec_bg_hour_add.color = "white"
            onClicked: {
                main.hour++
                hour_text.text = main.hour
                if(main.hour == 24)
                    main.hour = 0
                if(main.hour < 10)
                    hour_text.text="0"+main.hour
                else
                    hour_text.text=main.hour
            }
        }
        Rectangle{//显示
            id:hour_rec
            width: hour_add.width
            height: hour_add.height
            border.color: "#c8c4c4"
            border.width: 1
            Label{
                id:hour_text
                text: main.hour
                anchors.centerIn: parent
                font.bold: true
                font.pixelSize: 24
            }
        }

        Button{//实现小时减
            id:hour_sub
            width: 90
            height: 30
            autoRepeat: true
            Text {
                id: sub_hour
                anchors.centerIn: parent
                text: qsTr(