如何获取日期输入字段的值

Question

我正在使用一个HTML日期输入框：

<input id="datepicker" type="date" value="11/12/2013" />

我该如何使用JQuery获取年份、月份和日期的不同值？ 每个值需要保存为不同的变量。

谢谢。

- user2828251

---

该值只是一个字符串。声明 type="date" 不会自动解析它。jQuery没有处理日期的函数。不过你可以尝试使用 Moment.js。 - Barmar

有valueAsDate，但我还没有检查它被广泛实现的程度... - CBroe

Answer 1

你可以使用 / 进行分割，将它们单独放入数组中：

var date=$('#datepicker').val().split('/');
var day=date[0];
var month=date[1];
var year=date[2];

- Milind Anantwar

---

当我尝试警报数据时，它向我发出警报，表示数据未定义。 - user2828251

你能分享一下代码片段吗？ - Milind Anantwar

Answer 2

使用Javascript es6，您可以进行一行代码操作

let [day,month,year] = $('#datepicker').val().split('-');

- Leon

Answer 3

编辑：为使其有效，您需要更改 type="text" 或查看此帖子：set date in input type date

   var d = $('#datepicker').val().split('/');
    var year = d[2];
    var month = d[1];
    var day = d[0];

假设您正在使用DD/MM/YYYY格式。

- kemicofa ghost

Answer 4

尝试这样做：

像这样：

Html:

<input id="datepicker" type="date" value="2013-11-11" />

JavaScript：

var date = $('#datepicker').val().split('-');
var year = date[2];
var month = date[1];
var day = date[0];

注意：type date 接受 yyyy-mm-dd 格式的值。

- Ibrahim Khan