Question

结帐时，我想添加1天的登记入住时间。例如，今天是2017年11月8日，然后我点击了2017年11月10日的支票，例如，它应该是2017年11月11日结账时。

html代码：

<input name="arrival_guest" type="text"  class="form-control" id="start">
<input name="departure_guest" type="text"  class="form-control" id="end">

Here我的代码我放入了小提琴

Answer 1

试试这个：

var picker = new Pikaday({
    field: document.getElementById('start'),
    firstDay: 1,
        minDate: new Date(currentDate.getTime() + 1 * 24 * 60 * 60 * 1000),
        maxDate: new Date(2090, 12, 31),
        yearRange: [2000,2090],
    onSelect: function() {
        var selectedDate = new Date(this.getDate());
        var checkOutDate = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate()+1);
        picker2.setMinDate(checkOutDate);
    }, 
    onClose : function() {
       var selectedDate = this.getDate();
       var checkOutDate = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate()+1 );
       picker2.setDate(checkOutDate);
    }
});
var picker2 = new Pikaday({
    field: document.getElementById('end'),
    onClose : function() {
       var selectedDate = this.getDate();
       var checkInDate = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), selectedDate.getDate()-1 );
       picker.setDate(checkInDate);
    }
});

Answer 2

在第一个datepicker的onchange事件中尝试这样做

$('.start').change(function() {
var date2 = $('.start').datepicker('getDate', '+1d'); 
 date2.setDate(date2.getDate()+1); 
$('.end').datepicker('setDate', date2);
});

Answer 3

尝试使用此代码段来增加日期。您将其置于开始输入的change事件中。

var startValue  = document.getElementById('start').value;

var dateObj = new Date(startValue);

dateObj.setDate(dateObj.getDate() + 1);

var endDate = dateObj.getFullYear() +"-"+ dateObj.getMonth() +"-"+ dateObj.getDate();

document.getElementById('end').value = endDate;

<input name="arrival_guest" type="text"  class="form-control" id="start" value="2017-11-19">
<input name="departure_guest" type="text"  class="form-control" id="end">

更新：根据我的理解（因为您对目标结果不是很清楚），您希望从{{1}处选择的值设置departure_guest的最小日期}。我已准备好fiddle 它可以正常使用

Answer 4

在您的代码中尝试这样

picker2.setMinDate(this.getDate());
    var a = convert(this.getDate());
    document.getElementById('end').value = a;

添加以下功能

function convert(str) {
var date = new Date(str);
    var d = date.getDate()+1;
 var m = date.getMonth();
 var y = date.getFullYear();
 var edate= new Date(y, m, d+1);
return [y,m,d].join("-");
}

为结帐pikaday datepicker添加一天的开始日期

4 个答案: