如何从代码中输入01:10的数字/时间?

时间:2016-09-13 00:51:50

标签: javascript

我在下面使用此工作代码在文本框中输入number/tme。下面的代码运行良好,但我想将我的文本框值设置为00:00并编辑我的function代码,就像第二个jsfiddle一样,但是我编辑的代码不如我的想法。在我的第二个jsfiddle中,我想输入05:30的时间,但代码正在替换用户从文本框0

输入的任何数字
    function MaskedTextboxDPSDeparture() {
    var myMask = "__:__";
    var myCorrectionOut2 = document.getElementById("Departure");
    var myText = "";
    var myNumbers = [];
    var myOutPut = ""
    var theLastPos = 1;
    myText = myCorrectionOut2.value;
    //get numbers
    for (var i = 0; i < myText.length; i++) {
        if (!isNaN(myText.charAt(i)) && myText.charAt(i) != " ") {
            myNumbers.push(myText.charAt(i));
        }
    }
    //write over mask
    for (var j = 0; j < myMask.length; j++) {
        if (myMask.charAt(j) == "_") { //replace "_" by a number 
            if (myNumbers.length == 0)
                myOutPut = myOutPut + myMask.charAt(j);
            else {
                myOutPut = myOutPut + myNumbers.shift();
                theLastPos = j + 1; //set current position
            }
        } else {
            myOutPut = myOutPut + myMask.charAt(j);
        }
    }
    document.getElementById("Departure").value = myOutPut;
    document.getElementById("Departure").setSelectionRange(theLastPos, theLastPos);
}
document.getElementById("Departure").onkeyup = MaskedTextboxDPSDeparture;

HTML

< input id="Departure" type="text" style="width: 35px; text-align: center" value="__:__" />

JSFIDDLE

JSFIDDLE 2

任何建议都会被接受。感谢。

0 个答案:

没有答案