javascript - 如何使用 jQuery 从 HTML <input type ="date"> 中提取值

Question

使用 HTML input type="date" 和提交按钮。我想用日期输入中的适当值填充变量 day、month 和 year。

<input type="date" id="date-input" required />
<button id="submit">Submit</button>

和 jQuery:

var day, month, year;

$('#submit').on('click', function(){
  day = $('#date-input').getDate();
  month = $('#date-input').getMonth() + 1;
  year = $('#date-input').getFullYear();
  alert(day, month, year);
});

这是一个代码示例: https://jsfiddle.net/dkxy46ha/

控制台错误告诉我 .getDate() 不是函数。

我见过类似的问题，但解决方案对我没有用。如何从 input type="date" 中提取日、月和年？谢谢

Answer 1

首先，您需要根据 input 元素值创建一个 Date 对象。然后您就可以从该对象中获取日、月和年。

$('#submit').on('click', function(){
  var date = new Date($('#date-input').val());
  var day = date.getDate();
  var month = date.getMonth() + 1;
  var year = date.getFullYear();
  alert([day, month, year].join('/'));
});

工作示例:https://jsfiddle.net/8poLtqvp/