it-swarm.com.de

Datum und Uhrzeit automatisch in Formular eingeben

Wie können Sie mit Hilfe von Javascript das aktuelle DATUM und die UHRZEIT in ein Formulareingabefeld automatisch einfügen.

Ich baue ein "Problem" -Formular, um die vom Benutzer eingereichten Beschwerden über einen bestimmten Dienst zu verfolgen. Ich sammle so viele Informationen wie möglich. Ich möchte den Mitarbeitern hier ersparen, dass Datum und Uhrzeit jedes Mal, wenn sie das Formular öffnen, manuell eingegeben werden müssen.

Ich habe dieses Codefragment:

<input id="date" name="date" value="javascript:document.write(Date()+'.')"/>

aber es funktioniert nicht.

vielen dank für jede hilfe.

8
Mo Boho

Javascript wird nicht innerhalb eines Wertattributs ausgeführt. Sie könnten jedoch so etwas tun:

<input id="date" name="date">

<script type="text/javascript">
  document.getElementById('date').value = Date();
</script>

Möglicherweise möchten Sie das Datum nach Ihren Wünschen formatieren, da die Standardausgabe von Date () in etwa so aussieht: Tue Jun 16 2009 10:47:10 GMT-0400 (Eastern Daylight Time). Siehe diese SO - Frage , um Informationen zum Formatieren eines Datums zu erhalten.

18
<input type="date" id="myDate"  />

<script type="text/javascript">
function SetDate()
{
var date = new Date();

var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();

if (month < 10) month = "0" + month;
if (day < 10) day = "0" + day;

var today = year + "-" + month + "-" + day;


document.getElementById('myDate').value = today;
}
</script>

<body onload="SetDate();">

hier gefunden: http://jsbin.com/oqekar/1/edit?html,js,output

8
Usman

Siehe das Beispiel http://jsbin.com/ahehe

Verwenden Sie das in here beschriebene JavaScript-Formatierungsprogramm.

<input id="date" name="date" />

<script>
   document.getElementById('date').value = (new Date()).format("m/dd/yy");
</script>
5
cgp

Der schnellste Weg, Datumsformatierungen zu erhalten, ist die Verwendung von datejs .

Die Lib ist sehr einfach zu bedienen und bietet eine sehr hübsche Formatierung.


soweit Ihr Code-Snippet verwendet wird, sollten Sie document.write nicht verwenden, wenn Sie ihm helfen können. Versuchen 

 document.getElementById("date").value = new Date().toUTCString(); 
3
mkoryak
$("#startDate").val($.datepicker.formatDate("dd/mm/yy", new Date()));
$("#endDate").val($.datepicker.formatDate("dd/mm/yy", new Date()));

Fügen Sie den obigen Code am Ende des Skripts ein. Dies ist erforderlich, da das Datepicker-Plugin keine Möglichkeit hat, das Datum im Steuerelement während der Initialisierung festzulegen.

2
Hormis Lona

Wenn Sie ein HTML5-Datum verwenden

verwenden Sie diesen Code

HTML

<input type="date" name="bday" id="start_date"/>

Java Script

document.getElementById('start_date').value = Date();
1
kiran lanke

Es klingt so, als würden Sie den Wert speichern, den das Eingabefeld enthält, nachdem das Formular gesendet wurde. Ich würde es anstelle von JavaScript verwenden, da die meisten Skriptsprachen bessere Formatierungsoptionen für Zeit und Datum haben. In PHP können Sie so etwas tun:

<input id="date" name="date" value="<?php echo date("M j, Y - g:i"); ?>"/>

Was würde das Feld mit "16. Juni 2009 - 8:58" füllen

0
Scott
var date = new Date();

document.getElementById("date").value = date.getFullYear() + "-" + (date.getMonth()<10?'0':'') + (date.getMonth() + 1) + "-" + (date.getDate()<10?'0':'') + date.getDate();

document.getElementById("hour").value = (date.getHours()<10?'0':'') + date.getHours()  + ":" + (date.getMinutes()<10?'0':'') + date.getMinutes();
0
Tony

Eine weitere Option ist:

<script language="JavaScript" type="text/javascript"> 
document.getElementById("my_date:box").value = ( Stamp.getDate()+"/"+(Stamp.getMonth() + 1)+"/"+(Stamp.getYear()) );
</script>
0
aguz
<input id="date" name="date" />
<script type="text/javascript">
document.getElementById("date").value = new Date();
</script>
0
jiggy