Formatieren einer Zahl zu Zeit gerne hh:mm

Habe ich ein iput-Feld:

<input type="text" name="time" class="time" value="3" />

Muss ich, dass der Wert zu sein, wie 03:00 Uhr

Mehr Beispiele für das, was ich brauche:

1 = 01:00
12 = 12:00
12:2 = 12:20
2:2 = 02:20
02:2 = 02:20
340 = 340:00
340:1 = 340:10

Wissen Sie den rest. Wie kann ich dies lösen, in jquery/javascript?

Dies ist, was ich versuche in jQuery:

$('input').blur(timeFormat);

function timeFormat(e){
    skjema.find('input.tid').each(function(){
        if($(this).val().length != 0){
            var tid = $(this).val().toString();

            if(tid.length == 1){

                $(this).val(String("0" + tid));

            }
            if(tid.indexOf(':') == -1){
                $(this).val(tid.toString() + ':00');
            }
        }
    });
}

Dies ist, was habe ich jetzt gemacht und es macht den job, aber es ist etwas sperrig 🙂

function timeFormat(e){
    skjema.find('input.tid').each(function(){
        if($(this).val().length != 0){
            var tid = $(this).val().toString();
            tid = (tid.length == 1) ? '0' + tid : tid;
            tid = (tid.indexOf(':') == -1) ? tid + ':00' : tid;
            if(tid.indexOf(':') != -1){
                var arr = tid.split(':');
                var before = arr[0].toString();
                var after = arr[1].toString();
                before = (before.length == 0) ? '00' : before;
                before = (before.length == 1) ? '0' + before : before;
                after = (after.length == 0) ? '00' : after;
                after = (after.length == 1) ? after + '0' : after;
                console.log('before: ' + before + ' After: ' + after);
                tid = before + ':' + after;
            }
        }
        $(this).val(tid);
    });
}

Sie den code vergessen...

InformationsquelleAutor BennyLava | 2012-10-24

5

Können Sie dies mit einigen einfachen regex:
```
function time( str ) {
    if ( !/:/.test( str ) ) { str += ':00'; }
    return str.replace(/^\d{1}:/, '0$&').replace(/:\d{1}$/, '$&0' );
}
```
Wenn Sie sicherstellen möchten, dass nur das erwartete format wird akzeptiert, fügen Sie die folgende Zeile an den Anfang der Funktion:
```
if ( /[^:\d]/.test( str ) ) { return false; }
```
Demo: http://jsfiddle.net/elclanrs/MzgMz/

InformationsquelleAutor elclanrs
2

Können Sie versuchen, so etwas mit datejs Bibliothek:-
```
 var dateString = "12";
 var date = new Date.parseExact(dateString, "hh:mm");
```
- Ich denke, es braucht eine bestimmte Bibliothek hier.
- Ja, Sie müssen datejs-Bibliothek. Aktualisiert meine Antwort als gut
- Ich versuchte es und fand heraus, über die datejs-Bibliothek. Aber ich denke nicht, ich Tue mir etwas gutes. Die Aktualisierung meiner Frage.
InformationsquelleAutor Rahul Tripathi

überprüfen Sie diese DEMO

$('input').blur(timeFormat);

function timeFormat(e){ 
    $("div").find('input').each(function(){
        if($(this).val().length != 0){
            var tid = $(this).val().toString();

            if(tid.length == 1){

                $(this).val(String("0" + tid));

            }
            if(tid.indexOf(':') == -1){
                $(this).val(tid.toString() + ':00');
            }
            if(tid.indexOf(':') == 2){
                $(this).val(tid.toString() + '0');
            }
        }
    });
}

InformationsquelleAutor Sibu

<title>Insert Colon in the Time Format</title>

<script type="text/javascript">
function formatTime(objFormField){
intFieldLength = objFormField.value.length;

if(intFieldLength==2 || intFieldLength == 2){
     objFormField.value = objFormField.value + ":";
     return false;
    } 
}
</script>

Enter time <input type="text" maxlength="5" minlength="5" onKeyPress="formatTime(this)"/>

InformationsquelleAutor Manikandan Ganapathy

0

Pseudo:
1. val ← Wert aus Feld ($('.time').val())
2. colonPos ← position von . im val
3. Wenn colonPos gleich -1, result ← padZero(val) + ':00'
4. Anderes result ← padZero(val[:colonPos]) + ':' + padZero(val[colonPos + 1:])
InformationsquelleAutor jensgram

function prettyTime(t){
  //will output a time providing leading zeros and minute field
  //(doesn't need jQuery)

  x=t.split(":");

  for (var i=0; i<2; i++)
    x[i] = (x[i]) ? Array(3-x[i].length).join('0') + x[i] : '00';

  return x.join(":");

}

//--

$('input').blur(timeFormat);

function timeFormat(e){
    skjema.find('input.tid').each(function(){

        $(this).val(function(i, v) { return prettyTime(v); })

    });
}

InformationsquelleAutor etuardu

-2

Vielleicht u kann versuchen diese plugin.. für mich Gearbeitet

Beispiele:

$("#tbPlain").timefield();
$("#tb12Hour").timefield({ 'hourFormat': '12'});
$("#tb24Hour").timefield({ 'hourFormat': '24'});
$("#tbWithInvalidHandler").timefield({ 
        'hourFormat': '24',
        'onError'   : function(){
                alert(this.value+' is not a valid time!');
                this.style.backgroundColor='red';
            }
        });
$("#tbOnOff").timefield();
$("#btnTurnOff").click(function(){
                $("#tbOnOff").timefield('turnOffTimeField');
            });

Live-Beispiel:

https://jsfiddle.net/sajjansarkar/bst3cw2g/

Sie sollte hinzufügen, hier ein Beispiel.
Sorry, erledigt.

InformationsquelleAutor Sajjan Sarkar

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.