Ergebnis 1 bis 4 von 4
Like Tree2Likes
  • 2 Post By Dormilich

Thema: Input feld Manipulieren - Ergaenzen

  1. #1
    montymotz ist offline Grünschnabel
    registriert
    04-05-2017
    Beiträge
    1

    Input feld Manipulieren - Ergaenzen

    Hallo,

    bin neu hier und bräuchte mal ein wenig hilfe. Ich hab ein Input Formular welches ich mit Zeiten befülle und ein ein System schicke was wiederum eine zeitschaltung steuert.
    In dem System werden die Zeiten aber leider nur so abgespeichert zb. 4:5 Uhr. So müsste es aber aussehen 04:05 Uhr. Ich kann das System leider nicht modifizieren. Mir werden also nur die Zeiten ausgeliefert. Und damit ich sehe was auf dem System für eine Zeit eingestellt habe muss ich das in den Input Felder anzeigen. Leider Optisch nicht ganz schön.

    Wie bekomme ich es nun hin das ich bei Zeiten die < 10 sind eine 0 davor schreibe.

    Beispiel: 4:7 -> 04:07

    Probiere hier gerade rum:

    https://jsfiddle.net/po5fswc5/

    Danke für eventuelle hilfe bin leider noch JS anfänger.

  2. #2
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.282

    AW: Input feld Manipulieren - Ergaenzen

    Zitat Zitat von montymotz Beitrag anzeigen
    Wie bekomme ich es nun hin das ich bei Zeiten die < 10 sind eine 0 davor schreibe.
    String in Ziffern splitten, Ziffern zweistellig machen, wieder zusammenfügen. (split - map - join)

    Zitat Zitat von montymotz Beitrag anzeigen
    Der Code ergibt keinen Sinn.

  3. #3
    Avatar von andreax
    andreax ist offline Tripel-As
    registriert
    09-07-2016
    Beiträge
    211

    AW: Input feld Manipulieren - Ergaenzen

    HTML-Code:
    <!DOCTYPE html>
    
    <html lang="en">
    	<head>
    		<meta charset="UTF-8" />
    		<meta name="description" content=""/>
    		<meta name="keywords" content=""/>
    		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    		<title></title>
    		
    	</head>
    <body>
    	<input class="from-zeit" name="wert" value="4:7" on_hour_1":::="on_minute_1" :"="" data-timepicki-tim="14" data-timepicki-mini="49" type="text">		
    		
    <script>
    
    var receivedTime =document.querySelector('.from-zeit').value;
    
    function setTimeForm(tf)
    {
    var tsp = tf.split(':');
    for(var i = 0; i<tsp.length;i++)
    {
    	if(tsp[i] < 10 ){tsp[i] = '0'+ tsp[i]; }
    }
    return tsp.join(':');
    }
    document.querySelector('.from-zeit').value = setTimeForm(receivedTime);
    
    </script>
    	</body>
    </html>
    Geändert von andreax (09-05-2017 um 14:11 Uhr)

  4. #4
    Avatar von Dormilich
    Dormilich ist offline Kaiser
    registriert
    15-01-2010
    Beiträge
    1.282

    AW: Input feld Manipulieren - Ergaenzen

    in ES2017 the loop can be simplified:

    Code:
    function setTimeForm(tf)
    {
        return tf.split(':').map(function (str) {
            return str.padStart(2, '0');
        }).join(':');
    }
    miniA4kuser and andreax like this.

Ähnliche Themen

  1. Antworten: 8
    Letzter Beitrag: 23-10-2012, 03:17
  2. Formular von input Feld zu Input Feld schicken
    Von Ibu400 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 02-02-2011, 16:47
  3. value von einem input feld
    Von miraaza im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 11-03-2009, 10:37
  4. Schriftart in input-Feld ?!
    Von Strichmaxal im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 22-02-2003, 11:33
  5. input feld/option-select feld abfrage
    Von xxoes im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 26-03-2002, 11:29

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •