【问题标题】:Javascript set date for next 2 daysJavascript 设置未来 2 天的日期
【发布时间】:2014-04-30 12:11:45
【问题描述】:

我正在使用引导日期选择器,我的代码是:

var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

var checkin = $('#start_date').datepicker({
onRender: function(date) {
return date.valueOf() < now.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function(ev) {
checkin.hide();
}).data('datepicker');

var checkin1 = $('#end_date').datepicker({
onRender: function(date) {
return date.valueOf() < now.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function(ev) {
checkin1.hide();
}).data('datepicker');

从今天开始。

现在我想从后天开始,或者设置接下来的 5 天。如何解决这个问题?

【问题讨论】:

    标签: javascript datepicker bootstrap-datepicker


    【解决方案1】:
    var addDays = new Date();
    addDays.setDate(addDays.getDate() + 6);  //add six days
    

    然后将此日期设置为您的日期选择器

    $("#start_date").datepicker("setDate", addDays);  
    

    只设置日期是不够的,为了updateUI添加如下代码

    $("#start_date").datepicker('update');
    

    在初始化 bootstrap datepicker 之后执行所有这些操作。

    【讨论】:

      【解决方案2】:

      试试这个:

      var date = new Date(); // now
      date.setDate( date.getDate() + 6); //Add six days
      

      然后在你的日期选择器上使用它。

      【讨论】:

      • 感谢巴勃罗·圣克鲁斯。这工作正常。是否可以在日期选择器中选择它而不是今天?
      • 当然。您可以使用 datepicker 的 setDate。看看这个:api.jqueryui.com/datepicker
      • @PabloSantaCruz Bootstrap 本身有自己的setDate,你可以看看它的documentation。而在您上面的评论中是关于 jQuery UI datepicker。
      猜你喜欢
      • 2017-05-02
      • 1970-01-01
      • 2019-12-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-03-27
      • 1970-01-01
      相关资源
      最近更新 更多