如何在JavaScript中输入日期和时间以及位置

斯科特·贝克尔

我试图通过单击一个按钮将日期,时间和位置输入各自的字段...

这是我正在使用的代码...

  <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();"/> 
佳能

两个问题。

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 =“获取位置/时间” 
    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浏览器允许),但我不一定要依靠它。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Vuetify文本输入字段中输入日期和时间

来自分类Dev

如何从javascript中的输入日期和输入时间获取整个Date对象

来自分类Dev

如何在Laravel 5中为输入字段时间和日期添加引导类

来自分类Dev

如何在 Javascript 中获取给定日期、时间和区域的时间戳

来自分类Dev

如何在html和javascript中的特定输入文本中设置光标位置

来自分类Dev

如何在JavaScript中强制Date.parse()转换为本地时间和日期而不是UTC

来自分类Dev

如何在javascript asp.net c#中检查日期和时间?

来自分类Dev

如何以日期时间格式从PHP表单向MySQL表中输入日期和时间信息

来自分类Dev

javascript 如何在单独的行中显示输入日期月、日和年?

来自分类Dev

如何在印度标准时间中插入日期时间,以及如何在php中仅以日期格式检索日期时间?

来自分类Dev

如何在Java构造函数和php mysqli中声明日期,时间和日期时间?

来自分类Dev

如何输入日期和时间格式

来自分类Dev

如何在Android中获取当前日期和时间?

来自分类Dev

如何在XSLT 2.0中增加日期和时间

来自分类Dev

如何在mysql中插入日期和时间并查看它们

来自分类Dev

如何在熊猫数据框中删除日期和时间?

来自分类Dev

如何在React JS中实时显示时间和日期?

来自分类Dev

如何在discord.js中访问日期和时间

来自分类Dev

如何在下拉列表中填充日期和时间?

来自分类Dev

如何在Android中获取当前日期和时间?

来自分类Dev

如何在SQL中过滤日期和时间

来自分类Dev

如何在dataweave中查找当前日期和时间?

来自分类Dev

如何在 Q Basic 中打印当前时间和日期?

来自分类Dev

如何在python中做日期和时间的列表

来自分类Dev

如何在 Python 中匹配日期和时间

来自分类Dev

如何在javascript / jquery中解析日期时间?

来自分类Dev

javascript根据输入获取日期时间输入和过滤列表

来自分类Dev

如何在时间和日期时钟上为其他位置添加缺少的城市?

来自分类Dev

如何在更改输入[type =“ radio”]时按状态编号,日期和时间对列表进行排序?

Related 相关文章

  1. 1

    如何在Vuetify文本输入字段中输入日期和时间

  2. 2

    如何从javascript中的输入日期和输入时间获取整个Date对象

  3. 3

    如何在Laravel 5中为输入字段时间和日期添加引导类

  4. 4

    如何在 Javascript 中获取给定日期、时间和区域的时间戳

  5. 5

    如何在html和javascript中的特定输入文本中设置光标位置

  6. 6

    如何在JavaScript中强制Date.parse()转换为本地时间和日期而不是UTC

  7. 7

    如何在javascript asp.net c#中检查日期和时间?

  8. 8

    如何以日期时间格式从PHP表单向MySQL表中输入日期和时间信息

  9. 9

    javascript 如何在单独的行中显示输入日期月、日和年?

  10. 10

    如何在印度标准时间中插入日期时间,以及如何在php中仅以日期格式检索日期时间?

  11. 11

    如何在Java构造函数和php mysqli中声明日期,时间和日期时间?

  12. 12

    如何输入日期和时间格式

  13. 13

    如何在Android中获取当前日期和时间?

  14. 14

    如何在XSLT 2.0中增加日期和时间

  15. 15

    如何在mysql中插入日期和时间并查看它们

  16. 16

    如何在熊猫数据框中删除日期和时间?

  17. 17

    如何在React JS中实时显示时间和日期?

  18. 18

    如何在discord.js中访问日期和时间

  19. 19

    如何在下拉列表中填充日期和时间?

  20. 20

    如何在Android中获取当前日期和时间?

  21. 21

    如何在SQL中过滤日期和时间

  22. 22

    如何在dataweave中查找当前日期和时间?

  23. 23

    如何在 Q Basic 中打印当前时间和日期?

  24. 24

    如何在python中做日期和时间的列表

  25. 25

    如何在 Python 中匹配日期和时间

  26. 26

    如何在javascript / jquery中解析日期时间?

  27. 27

    javascript根据输入获取日期时间输入和过滤列表

  28. 28

    如何在时间和日期时钟上为其他位置添加缺少的城市?

  29. 29

    如何在更改输入[type =“ radio”]时按状态编号,日期和时间对列表进行排序?

热门标签

归档