Question

我不是JQuery专家，下面是我期待在我的网页上使用的用例 -

我在网页上嵌入了一个JQuery datepicker控件，如下所示 -

<input type="text" id="datepicker">

转换为Datepicker控件 -

$(function() {
            var date = new Date();
            date.setDate(date.getDate() - 1);
            $("#datepicker").datepicker({
                dateFormat: "dd-mm-yy",
                defaultDate: date,
                onSelect: function () {
                    selectedDate = $.datepicker.formatDate("dd-mm-yy", $(this).datepicker('getDate'));
                    selDate = selectedDate;
                    console.log(selectedDate);
                }
            });
        });

现在很好，直到现在我可以看到控件，获取日期等等。

当我放置下一个/上一个按钮以将日期选择器的值增加和减少1天时，问题就开始了。下面是我到目前为止的代码 -

$( "#datepicker" ).datepicker( "setDate", ($("#datepicker").datepicker('getDate').getDate() - 1));

我点击按钮调用上面的代码。

因此，日期正在变化，但不是1天而是随机的一些日期。

不确定我到底错过了什么，对此的任何帮助都非常有用。

我一直在探索很多相关的SO问题，并检查了之前接受的一些解决方案，但不知何故它们也无法正常工作。

请建议。

AJ

Answer 1

这应该有效：

var date_new = $('#datepicker').datepicker ('getDate'); 
    date_new.setDate (date_new.getDate () + 1); 

$('#datepicker').datepicker ('setDate', date_new);

了解更多信息Click here。

JQuery datepicker控件 - 如何在按钮点击时将日期增加/减少1天

1 个答案: