引导日期选取器设置日期两个输入框开始到结束，如果选择下拉更改事件，则禁用动态日期值

Question

我在项目中使用了Bootstrap Date选择器。 设置从开始日期到结束日期的两个输入框。 开始日期在今天之后选择，结束日期在开始日期之后。 获取数据库思想阵列(动态(以在日期选择器中设置禁用日期。 选择下拉更改事件时，将禁用不同的不同(动态(日期值。

function setbookdate(id) {
$.ajax({
type: 'post',
url: Admin_url + 'invoice/bookeddate/'+id,
contentType: false,
cache: false,
processData:false,
success: function(response) {
var data =  jQuery.parseJSON(response);
var booked = [];
$.each(data, function (key, input) {
booked.push(input);
});
$('.input-daterange input').each(function() {
$(this).datepicker({
autoclose:true,
format:'dd/mm/yyyy',
todayHighlight: true,
todayBtn: "linked", 
startDate: '0', 
datesDisabled: booked
});
$(this).datepicker('clearDates');
});
}            
});
}

$("#pickup_date, #return_date").on('change', function(a){
var start = $("#pickup_date").datepicker('getDate');  
var end = $("#return_date").datepicker('getDate');  
if(start>end){
$( "#return_date" ).datepicker('setDate',new Date(start));
}
});

我的问题是第二个日期选择器中的日期格式更改。 第二个问题是动态值选择并仅设置一次意味着我选择了下拉列表并返回 3 个日期值，例如更改下拉列表后 1,2,3,1 月，获取日期为 8,9,10 1 月。第一次设置禁用 1,2,3 日期，但在 8,9,10 年 1 月禁用更改后未设置。

请任何人回应我。

Answer 1

$('#product').on('change', function(){
var pid =  $("#product").val().split('-_-'); 
var id = pid[0];
setbookdate(id);
});

function setbookdate(id, in_id = '', pickupdate = '', returndate = '') {
var info = {'id': id , 'in_id':in_id};
$.ajax({
type: 'post',
url: Admin_url + 'invoice/bookeddate',
data: info,
success: function(response) {
var data =  jQuery.parseJSON(response);
var booked = [];
$('#datepiker_pickup_retuen').html('');
var html = "<label class='control-label'>Pickup Date<span class='rerq'>*</span></label>";
var html1 = '<div class="input-group input-daterange"><input type="text" name="pickup_date" placeholder="Pickup Date" id="pickup_date" readonly="" class="pickup_date form-control"><div class="input-group-addon">to</div><input type="text" name="return_date" placeholder="Return Date" id="return_date" readonly="" class="return_date form-control"></div>'; 
$('#datepiker_pickup_retuen').html(html+html1);
$.each(data, function (key, input) {
booked.push(input);
});
if(in_id != ''){
$('.input-daterange input').each(function() {
$(this).datepicker({
autoclose:true,
format:'dd/mm/yyyy',
todayHighlight: true,
todayBtn: 'linked', 
datesDisabled: booked
});
$(this).datepicker('clearDates');
});
} else {
$('.input-daterange input').each(function() {
$(this).datepicker({
autoclose:true,
format:'dd/mm/yyyy',
todayHighlight: true,
todayBtn: 'linked', 
startDate: '0', 
datesDisabled: booked
});
$(this).datepicker('clearDates');
});
}
$('#pickup_date').datepicker('setDate', pickupdate);
$('#return_date').datepicker('setDate', returndate);
}            
});
}
$(document).on('change', '#pickup_date', function() {
$("#return_date").val('');   
});
$(document).on('change', '#return_date', function() {
var pick = $("#pickup_date").datepicker('getDate');
var ret = $(this).datepicker('getDate');
if(pick<=ret){}  
else {
$(this).datepicker('setDate', pick);
}
});