javascript - hh:mm のように数値を時間にフォーマットする

Question

私は入力フィールドを持っています:

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

その値は03:00のようにする必要があります

必要なもののその他の例:

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

あなたは残りを知っています。jquery/javascriptでこれを解決するにはどうすればよいですか?

これは私が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');
            }
        }
    });
}

これは私が今作ったもので、仕事はしますが、ややかさばります:)

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);
    });
}

score 5 · Accepted Answer

これは、いくつかの単純な正規表現で行うことができます。

function time( str ) {
    if ( !/:/.test( str ) ) { str += ':00'; }
    return str.replace(/^\d{1}:/, '0$&').replace(/:\d{1}$/, '$&0' );
}

期待される形式のみが受け入れられることを確認したい場合は、関数の先頭に次の行を追加します。

if ( /[^:\d]/.test( str ) ) { return false; }

デモ: http://jsfiddle.net/elclanrs/MzgMz/

score 2 · Accepted Answer

あなたはdatejsライブラリを使ってこのようなことを試すことができます:-

 var dateString = "12";
 var date = new Date.parseExact(dateString, "hh:mm");

score 1 · Accepted Answer

このデモをチェック

$('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');
            }
        }
    });
}

score 1 · Accepted Answer

<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)"/>

score 0 · Accepted Answer

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); })

    });
}

score 0 · Accepted Answer

擬似：

val← フィールドの値 ( $('.time').val())
colonPos←中の.位置val
colonPos-1 の場合、 result←padZero(val) + ':00'
そうでなければ、result←padZero(val[:colonPos]) + ':' + padZero(val[colonPos + 1:])

score -2 · Accepted Answer

多分あなたはこのプラグインを試すことができます..私のために働いた

使用例:

$("#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');
            });

実際の例:

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

javascript - hh:mm のように数値を時間にフォーマットする

7 に答える 7

Related

Reference