2016-11-22 11 views
1

Wenn ich ein Element wie:jQuery Zeichen einfügen an bestimmten Ort

<input type="text" id="TestingElement" /> 

nun dieses Element soll in Daten nehmen (ich weiß von jQuery Datepicker, und Bootstrap so bedeutet dies nicht, sie betreffen). Gibt es eine Möglichkeit für mich, einfach 08251999 oder 082599 einzugeben, und wenn der Benutzer dann außerhalb der Textbox klickt oder den Fokus verliert, können zwei / Zeichen eingefügt werden. Ein / Zeichen eingefügt nach 08 und das nächste / Zeichen eingefügt nach 25, resultierend in 08/25/1999 oder 08/25/99? Ich habe .append() und .insertAfter angesehen, aber diese scheinen nur beim Hinzufügen von Elementen vor/nach dem von Ihnen angegebenen Element zu helfen, nicht innerhalb von.

Ich habe eine JSFiddle erstellt, um mit dem Testprozess zu helfen.

Vielen Dank im Voraus und jede Hilfe wird geschätzt!

+0

Ich glaube, Sie behandeln können '.focusout()' Ereignis zu tun, dass –

+1

Klingt wie Sie eine Maskierung Plugin verwenden sollten, kein picker –

+0

@RoryMcCrossan ich gekommen bin, über [das] (http://igorescobar.github.io/jQuery-Mask-Plugin/) und das wird funktionieren! Gibt es einen verfügbaren URI, den ich in meinem JSFiddle testen kann? –

Antwort

0

Um diese Frage zu Referenzzwecken zu speichern, konnte Rory McCrossan mir enorm helfen, indem ich ein Maskierungsplugin vorschlug.

Gehen zu diesem address geholfen und ich referenzierte diese Adresse als src für meine Skripte. Es funktioniert genau so, wie ich es wollte.

0

ich hoffe, dass dies helfen:

text.substring(0,2)+"/"+text.substring(2,4)+"/"+text.substring(4,6) 
Verwandte Themen