JavaScript 日期对象来自<input type=date>

Question

我正在尝试在 focus.add_days 函数中创建一个 javascript 日期对象，以将一些天添加到元素中的给定日期。 问题是javascript对象不期望字符串“Ymd”，所以如何创建日期对象而不将字符串“Ymd”解析成碎片，或者是唯一的方法？

trigger = {
fecha_ini: function(){
    $('input[name="fecha_ini"]').on('change',function(){
      console.log('hi');
      var fecha_fin = $(':input [name=fecha_fin]');
      var min = $(this).val();
      //here is where i pass the "Y-m-d" string as the date argument
      var max = fechas.add_days(min,31*4);
      fecha_fin.attr('min',min);
      fecha_fin.attr('max',max);
      fecha_fin.val('');
    })
  }
};

fechas = {
  add_days: function addDays(date, days) {
    //here is where i use the string "Y-m-d" to create the date object, but obviusly doesnt work
    var result = new Date(date);
    result.setDate(date.getDate() + days);
    return result;
}
};

trigger.fecha_ini();

Answer 1

使用valueAsDate ：

valueAsDate
退货： Date

返回/设置元素的值，解释为日期，如果无法转换，则返回null 。

演示：

 <input type="date" id="d" value="2018-02-14"> <button onclick="console.log( document.getElementById('d').valueAsDate )"> change the date (or not) and click me </button>

Answer 2

如何在不将字符串“Ymd”解析成碎片的情况下创建日期对象，或者是唯一的方法？

虽然Date.parse会将 y/m/d/ 格式的字符串转换为日期对象，但手动解析是唯一明智的方法：

// s is format y-m-d
// Returns a date object for 00:00:00 local time
// on the specified date
function parseDate(s) {
  var b = s.split(/\D/);
  return new Date(b[0], --b[1], b[2]);
}

ES5 指定了一种所有浏览器都应该支持的 ISO 8601 形式，但是它不是一致支持的，也不是所有使用的浏览器都支持的。

Answer 3

对我来说，它无需做任何事情就可以工作。

我只是写 new Date($('#html5dateinput').val());

就是这样。 我得到正确的日期对象。 我使用的是 Google Chrome 38 版，并在 Ubuntu 14.04 下的 Firefox 33 上对其进行了测试

Answer 4

世界标准时间

javascript Date对象始终解析 UTC 时区中<input type=date>的原始值！

new Date(input.value) // Date object, date interpreted as UTC but printed in the local TZ
Date.parse(input.value) // Unix time in ms, date interpreted as UTC

本地时区

如果<input type=date>值打算在本地 timezone 中解释，那么您可以通过添加这样的时间来强制它：

new Date(input.value+"T00:00") // Date object, date interpreted and printed in the local TZ
Date.parse(input.value+"T00:00") // Unix time in ms, date interpreted as local TZ

为什么？

强调我的

例如，“ 2011-10-10 ”（仅日期形式）、“ 2011-10-10T14:48:00 ”（日期-时间形式）或“ 2011-10-10T14:48:00.000+09:00 "（带有毫秒和时区的日期时间格式）可以被传递并被解析。 当不存在时区偏移时，仅日期形式被解释为 UTC 时间，日期时间形式被解释为本地时间。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse#Description

Answer 5

使用 valueAsNumber 。

var myDate = new Date(input.valueAsNumber);