1.0Access im Unternehmenhttps://access-im-unternehmen.deAndré Minhorsthttps://access-im-unternehmen.de/author/andreminhorst-com/Datum schnell per Tastatur einstellenrich600338<blockquote class="wp-embedded-content" data-secret="4ImZL0sl7O"><a href="https://access-im-unternehmen.de/Datum_schnell_per_Tastatur_einstellen/">Datum schnell per Tastatur einstellen</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://access-im-unternehmen.de/Datum_schnell_per_Tastatur_einstellen/embed/#?secret=4ImZL0sl7O" width="600" height="338" title="„Datum schnell per Tastatur einstellen“ – Access im Unternehmen" data-secret="4ImZL0sl7O" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/* <![CDATA[ */
/*! This file is auto-generated */
!function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document);
//# sourceURL=https://access-im-unternehmen.de/wp-includes/js/wp-embed.min.js
/* ]]> */
</script>
Die Eingabe von Datumsangaben ist erstens manchmal unkomfortabel und zweitens passiert es oft, dass Benutzer das Datum im falschen Format eingeben. Dem wollen wir mit der Lösung aus diesem Beitrag vorbeugen, indem wir die Eingabe vollständig über die Tasten "Nach oben", "Nach unten", "Nach rechts" und "Nach links" ermöglichen. Sobald der Benutzer den Fokus auf ein Datumsfeld setzt, wird das aktuelle Datum eingesetzt, sofern das Feld noch leer ist. Dann kann er mit "Nach links" und "Nach rechts" zwischen den einzelnen Datumsbestandteilen Tag, Monat und Jahr wechseln und mit den Tasten "Nach oben" und "Nach unten" stellt er schrittweise den gewünschten Wert ein. Die Funktionalität bilden wir anschließend auch noch in einer Klasse ab, sodass die Funktion einfach mit zwei Zeilen Code zu einem Datums-Textfeld hinzugefügt werden kann.http://vg01.met.vgwort.de/na/f365ba09647940858df9b17c19968ee8