使用jquery增加或减少值

Increase or decrease value using jquery

本文关键字：jquery 增加 使用      更新时间：2023-09-26

我有一个javascript变量，它是当前日期的天数。

我想通过点击按钮让用户转到上一个日期。

这是小提琴。

试着在谷歌上搜索，但我不明白，或者任何事情都对我有帮助。

通过在day变量中给定-1，我可以只减少一天。但我不知道如何在每次点击时减少它。

有人帮助我如何减少和增加这些按钮的点击日期？

提前谢谢。

您的代码中有几个问题。主要的一个是，你在每次点击当前日期的按钮时都会创建一个新的日期对象。这就是为什么你每次都会得到同样的结果。

如果你只想在日期后的某一天添加或删除，你可以这样做：

var currentDate = new Date();    
$('button').click(function() {
    var add = $(this).hasClass('increase_date') ? 1 : -1;
    currentDate.setDate(currentDate.getDate()+add);
    $('.display_date').html(currentDate);    
})

http://jsfiddle.net/3VQZy/

将当前日期存储在global variable&对其使用-= operator，并使用当前值将其递减一。

像这样的http://jsfiddle.net/SYRDR/2/我只展示了如何减少它，你必须添加更多的条件来正确格式化日期

演示：http://jsfiddle.net/SYRDR/14/

$(document).ready(function() {
        showDate(0);
        $('.decrease_date').click(function() {
            showDate(-1);        
        });
        $('.increase_date').click(function() {
            showDate(1);        
        });
    })
    function showDate(change)
    {
        var current_date;    
        if(change == 0)
        {
            current_date = new Date();
        }
        else
        {
            current_date = new Date($('.display_date').html());
        }        
            var year = current_date.getFullYear();
            var month = "0" + (current_date.getMonth() + 1);
            var day = current_date.getDate();
        if(change == -1)
        {
            day = day - 1;
        }    
        if(change == 1)
        {
            day = day + 1;
        }
            var start_date2 = year + "-" + month + "-" + day;        
            $('.display_date').html(start_date2);
    }
相关文章：