I need to implement a TimeEdit
(HH:MM:SS) field in QML similar to QTimeEdit
in QT C++. In QML I didn't find TimeEdit and I have implemented the control similar to TimeEdit using TextField
and if I add inputMask then the Regular expression is not at all validated, Is there any way that I can achieve this? Following is the code.
import QtQuick 2.7
import QtQuick.Window 2.2
import QtQuick.Controls 2.2
Window {
visible: true
width: 640
height: 480
title: qsTr("Time Edit")
TextField{
id:textEditTD
text : ""
inputMethodHints: Qt.ImhDigitsOnly
inputMask: "dd:dd:dd; "
validator: RegExpValidator { regExp: /^([0-1]?[0-9]|2[0-3]):([0-5][0-9]):[0-5][0-9]$ / }
width:100
height:50
background:Rectangle{
color:"transparent"
border.color: "red"
border.width:2
radius:(width * 0.05)
}
}
}
I found two ways to implement this :
1) I made changes to Orient answer to meet my requirement and following is the change which works when
backspace
is pressed:2) By just changing the
inputMask
andRegExp
which is very easy: