【问题标题】:Increase or decrease value using jquery使用jquery增加或减少值
【发布时间】:2014-04-14 15:52:44
【问题描述】:

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

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

这是fiddle

尝试谷歌搜索,但我不明白或任何帮助我。

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

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

提前致谢。

【问题讨论】:

  • 你要每次点击减一吗?
  • 每次取当前日期,然后将其减 3。每次都会得到相同的结果。您需要将结果存储在某处,然后从中减少/
  • 是的。我想在当前日期变量可用的情况下减一。

标签: javascript jquery html


【解决方案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/

【讨论】:

    【解决方案2】:

    将您的当前日期存储在global variable 中并在其上使用-= operator,使用当前值将其减一。

    类似http://jsfiddle.net/SYRDR/2/ 我只展示如何减少它,您必须添加更多条件来正确格式化日期

    【讨论】:

      【解决方案3】:

      演示: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);
          }
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-01-21
        • 2020-07-06
        • 2017-06-03
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多