【问题标题】:How to get next date from selected date in Bootstrap Datepicker如何从 Bootstrap Datepicker 中的选定日期获取下一个日期
【发布时间】:2016-05-15 15:32:21
【问题描述】:

我用过 Bootstrap DatePicker 插件

点击here查看插件

我想知道如何从日期选择器中选择的日期获取下一个日期。

【问题讨论】:

    标签: twitter-bootstrap datepicker


    【解决方案1】:

    使用getDate从日期选择器中提取所选日期后,您需要使用javascript中的.setDate()函数来设置第二天的日期。


    在这里检查我的工作小提琴:fiddle


    Javascript/JQuery:

    $('.datepicker').datepicker().on('changeDate', function() {
      var temp = $(this).datepicker('getDate');
      var d = new Date(temp);
      $('#currentdate').html("The selected date is :" + d);
      d.setDate(d.getDate() + 1);
      $('#tomorrowdate').html("The next date is :" + d);
    });
    

    HTML:

    <div class="input-group date datepicker" data-provide="datepicker">
      <input type="text" class="form-control">
      <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
      </div>
    </div>
    <div id="currentdate">
    </div>
    <div id="tomorrowdate">
    </div>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-12-27
      • 1970-01-01
      • 2013-05-16
      • 1970-01-01
      • 2013-06-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多