jQuery：向 Datepicker 添加月份

Question

在 jQuery 和 Datepicker 的帮助下，我想在今天的日期中添加月数。

我下面的尝试产生了意想不到的结果：

例如，如果我添加 0 个月，我会在今天的日期上增加 9 个月如果我添加 1 个月，我会增加 10 个月。

我已经逐步完成了代码，似乎错误与格式有关。 如果我硬编码：

var ten = $('#mthschange').val();

和

var ten = 12;

它工作正常

如果我测试：

var ten = $('#mthschange').val();
alert(ten);

它会提醒我：12（如果我输入 12）。

它似乎与数据类型有关。

如何正确指示 Datepicker 将月份添加到日期？

 $(function() { $('#mthschange').change(function() { var ten = $('#mthschange').val(); var d = new Date(); d.setMonth(d.getMonth() + ten); var e = ($.datepicker.formatDate('yy-mm-dd', d)); $("#res").val(e); }); });

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <p>Input Field : <input id="mthschange" type="text"></p> <p>Output Field : <input id="res" type="text"></p> </body> </html>

Answer 1

你的问题是ten是一个字符串，而不是一个整数，所以当你执行

d.getMonth() + ten

你会得到类似112而不是13东西。 改变

var ten = $('#mthschange').val();

到

var ten = parseInt($('#mthschange').val());

并且代码工作正常：

 $(function() { $('#mthschange').change(function() { var ten = parseInt($('#mthschange').val()); var d = new Date(); d.setMonth(d.getMonth() + ten); var e = ($.datepicker.formatDate('yy-mm-dd', d)); $("#res").val(e); }); });

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Datepicker - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> </head> <body> <p>Input Field : <input id="mthschange" type="text"></p> <p>Output Field : <input id="res" type="text"></p> </body> </html>