javascript - 允许使用bootstrap-datepicker进行1天预订

我很幸运地一直在使用bootstrap-datepicker。我有以下代码，但希望允许预订1天（即picker1-从日期01/01/15起，而picker 2-至今01/01/15。目前，它仅允许我选择第二天的选择初始起始日期后的截止日期。

目前将1天预订归类为24小时，超过2个日期（即从15年1月1日至15年2月1日）将归类为1天预订并按1天费率收费。

如何编辑下面的代码或Bootstrap-Datepicker的Javascript，以允许1天预订的日期和日期相同？并且起始日期是第二天（即15年1月1日至15年2月1日）以2天的费率收费？

 var hire_from = null;
    var hire_to = null;

    var setPrice = function () {
        var oneDay = 24*60*60*1000;
        if (hire_from && hire_to) {
            var diffDays = Math.round(Math.abs((hire_from - hire_to)/(oneDay)));
            var price = diffDays*$("#enquiry_price").val();
            $("span#weekly_price").html("£ "+price.toFixed(0))
            var fee = price*$("#enquiry_discount").val()
            $("span#commission").html(fee.toFixed(0));
        }
    }


var initDatepickers = function(picker1, picker2){

            if($(picker1)[0] && $(picker2)[0]){
                var nowTemp = new Date();
                var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

                var checkin = $(picker1).datepicker({
                  onRender: function(date) {
                    return date.valueOf() < now.valueOf() ? 'disabled' : '';
                  },
                  format: 'dd/mm/yyyy'
                }).on('changeDate', function(ev) {
                  var newDate = new Date(ev.date)
                  newDate.setDate(newDate.getDate());
                  checkout.setValue(newDate);
                  hire_from = newDate;
                  setPrice();
                  $.post('/enquiries/presave', {'hire_from': $.datepicker.formatDate('dd/mm/yy', hire_from), authenticity_token: window._token}, function(data){}, 'json');
                  checkin.hide();
                  $(picker2)[0].focus();
                }).data('datepicker');

                var checkout = $(picker2).datepicker({
                    onRender: function(date) {
                        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
                    }, format: 'dd/mm/yyyy'
                }).on('changeDate', function(ev) {
                  checkout.hide();
                  var newDate = new Date(ev.date)
                  hire_to = newDate;
                  $.post('/enquiries/presave', {'hire_to': $.datepicker.formatDate('dd/mm/yy', hire_to), authenticity_token: window._token}, function(data){}, 'json');
                  setPrice();
                }).data('datepicker');
            }
        };

感谢您的投入和帮助。

最佳答案

尝试将picker2 onRender（）设置为：

return date.valueOf() < checkin.date.valueOf() ? 'disabled' : '';

使第二个日期选择器能够接受同一天。

然后使用：

var diffDays = Math.ceil(Math.abs((hire_to - hire_from + 1) /(oneDay)));

将当天结帐视为一天的费用，将第二天结帐视为2天

关于javascript - 允许使用bootstrap-datepicker进行1天预订，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28409736/