【发布时间】:2015-09-25 06:28:22
【问题描述】:
我的 html 文件中有三个文本类型的输入字段。
- 第一个输入字段称为 OLD DATE & TIME。
- 第二个输入字段称为 NEW DATE & TIME。
- 第三个输入字段称为 DIFFERENCE IN HOURS。
我想要的是:
- 如果用户输入第一个输入字段(旧日期和时间),然后输入第二个输入字段(新日期和时间),则第三个输入字段必须自动显示小时差异仅在第二个输入字段填充日期和时间和松散焦点(onBlur)之后。
- 如果第二个输入(新日期和时间)或第一个输入(旧日期和时间)为空,则第三个输入(以小时为单位)不会给出答案。
我很高兴在第一个和第二个输入上有一个日期时间选择器。
代码如下:
<label>OLD DATE & TIME: </label>
<input id="old" type="datetime-local" name="old" />
<p>
<label>NEW DATE & TIME: </label>
<input id="new" type="datetime-local" name="new" onBlur="document.getElementById('total').value = (new Date(this.value) - new Date(old.value))/(1000*60*60)" />
<p>
<label>DIFFERENCE IN HOURS :</label>
<br>
<input id="total" type="text" name="total" onChange="changeDate()" />
我知道 firefox 和 internet explores 不支持输入类型 =datetime-local,所以我想使用输入类型文本,但它总是给我 NaN。
【问题讨论】:
-
到目前为止你有什么?
-
您好,欢迎来到 Stack Overflow。请阅读Stack Overflow help on asking 以了解有关主题的问题类型。特别是,我们很乐意帮助您解决问题,但如果您需要为您编写代码(无需您付出任何努力),我们建议您改为聘请程序员。
-
这读起来像是功能简介,而不是实际问题。我们不是您的个人开发团队。
-
代码运行良好,现在我知道我输入的日期是 dd-mm-yyyy 这种格式,而日期需要采用 dd/mm/yyyy 格式
标签: javascript jquery date datetime