输入类型=" datetime-local"以空值

时间:2016-09-16 08:04:39

标签: javascript jquery html5 datetimepicker

我使用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事件。还有另一种方法可以在以空值开始时获取更改的值吗?

0 个答案:

没有答案