jQueryUI Datepicker und Eingabemaskierung zusammen verwenden

Question

Überprüfen Sie zunächst Live-Beispiel . Es gibt eine Maske für Datumsangaben im Textfeld. Außerdem gibt es einen jQueryUI datepicker. Sie arbeiten sehr gut, aber wenn ich ein Datum mit datepicker wählen, ist Textfeld Maske verschwinden. Ich möchte sie beibehalten. Irgendwelche Ideen?

Answer 1

Ich habe diese Beitrag . Um dies zu erstellen fiddle .

Sie können die javascript standardmäßig auf 00:00 wenn Sie nicht die aktuelle Zeit als Standardwert verwenden wollen.

date_obj = new Date();
date_obj_hours = date_obj.getHours();
date_obj_mins = date_obj.getMinutes();

if (date_obj_mins < 10) { date_obj_mins = "0" + date_obj_mins; }

if (date_obj_hours < 10) {date_obj_hours = "0" + date_obj_hours;}

date_obj_time = "'"+date_obj_hours+":"+date_obj_mins+"'";

$( ".datepicker" ).datepicker({ dateFormat: 'yy-mm-dd ' + date_obj_time });
$(".datepicker").mask("9999-99-99 99:99");

Ich wollte noch hinzufügen, dass dies auch gekürzt werden könnte:

date_obj = new Date();
date_obj_hours = date_obj.getHours() < 10 ? "0" + date_obj.getHours() : date_obj.getHours();
date_obj_mins = date_obj.getMinutes() < 10 ? "0" + date_obj.getMinutes() : date_obj.getMinutes();

date_obj_time = "'" + date_obj_hours + ":" + date_obj_mins + "'";

$(".datepicker").datepicker({ dateFormat: 'yy-mm-dd ' + date_obj_time });
$(".datepicker").mask("9999-99-99 99:99");

fiddle .