如何输入日期和位置与时间一起在javascript

Question

我想获得的日期，时间和地点与一个按钮的点击各自领域...

这里是我一起工作的代码...

<label>Latitude:</label> <input type="text" id="latitude1" name="Latitude1" value=""  readonly /> 
    <label>Longitude:</label> <input type="text" id="longitude1" name="Longitude1" value="" readonly /> 
    <label>Date/Time:</label> <input type="text" id="Time Check In" size="50" class="field left" readonly/> 
    <input type="button" value="Get Location/Time" onclick="getLocationConstant(1)"; onclick="this.form.theDate.value = new Date();"/> 

Answer 1

两个问题。

1：您已指定onclick两次。这是行不通的。

<input type="button" value="Get Location/Time" onclick="getLocationConstant(1)"; 
onclick="this.form.theDate.value = new Date();"/>

2：theDate不存在...

<input type="button" value="Get Location/Time" onclick="getLocationConstant(1)"; 
onclick="this.form.theDate.value = new Date();"/>

你输入的ID是Time Check In;使用document. getElementById()找到它。

<input type="button" value="Get Location/Time" 
    onclick="getLocationConstant(1);document.getElementById('Time Check In').value = new Date();" />

这里有一个演示：

function getLocationConstant(){/* your location stuff */}

<label>Latitude:</label> 
 
<input type="text" id="latitude1" name="Latitude1" value="" readonly /> 
 
<label>Longitude:</label> 
 
<input type="text" id="longitude1" name="Longitude1" value="" readonly /> 
 
<label>Date/Time:</label> 
 
<input type="text" id="Time Check In" size="50" class="field left" readonly /> 
 
<input type="button" value="Get Location/Time" onclick="getLocationConstant(1);document.getElementById('Time Check In').value = new Date();"/>

请注意id指定的值应遵循以下规则（source）：

• 必须至少有一个字符长
• 必须不包含任何空格字符

您的id空间。有些浏览器可能会允许（例如Chrome浏览器），但我不一定会指望它。