如何使用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

首先,您需要Date从input元素值创建一个对象.然后你就可以从这个对象获得日,月和年.

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

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

Answer 2

返回的日期值为input type="date"format yyyy-mm-dd。可以.split()与参数"-"一起使用来检索包含的数组[yyyy, mm, dd]

注意，alert()需要字符串作为参数；不打印console.log()与逗号,运算符相同的值

var day, month, year;

$('#submit').on('click', function() {
  var date = $('#date-input').val().split("-");
    console.log(date, $('#date-input').val())
  day = date[2];
  month = date[1];
  year = date[0];
  alert(day + month + year);
});

jsfiddle https://jsfiddle.net/dkxy46ha/2/

Answer 3

date = new Date($('#date-input').val())
date.getDate()

...