javascript - 计算日期但结果(返回)仍为 Nan

Question

这是我的HTML

<input type="text" class="dateofbirthpicker">
<input type="text" id="usia">

脚本

$(function() {
    $('.dateofbirthpicker').datepicker({
        dateFormat: 'yyyy/mm/dd'
    });
});

window.onload=function() {
    $('.dateofbirthpicker').on('change', function() {
        var dob = new Date(this.value);
        var today = new Date();

        var age = Math.floor((today-dob) / (1000 * 60 * 60 * 24 * 360));
        ages = parseInt(age);
        $('#usia').val(ages);
    });
}

我有上面的脚本来根据日期计算年龄。它在 Firefox 中返回年龄，但在 Chrome 中返回 NaN。

我正在这样做Jquery Date.parse returning NaN in Chrome browser?

当我运行以下命令时，结果是无效日期...

var dob = new Date(this.value);

Answer 1

将日期格式更改为dateFormat: 'yy/mm/dd'

来自specs ,

• y - 年份(两位数)
• yy - 年份(四位数)

$(function() {
  $('.dateofbirthpicker').datepicker({
    dateFormat: 'yy/mm/dd',
    onSelect: function() {
      var dob = new Date(this.value);
      var today = new Date();
      var age = Math.floor((today - dob) / (1000 * 60 * 60 * 24 * 360));
      ages = parseInt(age);
      $('#usia').val(ages);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
<link href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" rel="stylesheet" />
<input type="text" class="dateofbirthpicker">
<input type="text" id="usia">

JSFiddle Demo