我使用datetime-local
类型输入字段来捕获用户的日期/时间。我完全清楚这只有Chrome和& Opera浏览器和我的应用程序,完全没问题。
我注意到的是,如果我从此输入字段的空值开始,则当我模糊此字段时,不会反映更改。但是,当我从此输入字段的非空值开始时,将反映更改。
这是我的代码:
HTML
<strong>Blank Date/Time (Changes are not reflected)</strong>
<br />
<input id="myDate" type="datetime-local" value="" />
<br />
Date Time Value:
<br />
<div id="myDateValue"></div>
<hr />
<strong>Non-Empty Date/Time (Changes are reflected)</strong>
<br />
<input id="myDate2" type="datetime-local" value="2016-09-16T00:00:00" />
<br />
Date Time Value:
<br />
<div id="myDateValue2"></div>
的JavaScript
$(document).ready(function(e) {
$('#myDate').on('blur', function(evt) {
var dateTimeValue = document.getElementById('myDate').value;
$('#myDateValue').text('value = ' + dateTimeValue);
});
$('#myDate2').on('blur', function(evt) {
var dateTimeValue = document.getElementById('myDate2').value;
$('#myDateValue2').text('value = ' + dateTimeValue);
});
});
这里是jsFiddle上相同的链接:https://jsfiddle.net/qyyory4r/
这种情况在Chrome和&amp;戏。
我很想知道:
onChange
事件,因此我正在使用onBlur
事件。还有另一种方法可以在以空值开始时获取更改的值吗?