jquery datepicker

[Wagner Martins - SC 0]

Estou com uma dúvida qto ao plugin jquery datepicker (calendario) Quero que o usuario clique em um dia para marcar a ida e no outro calendario ele marque a volta, só que ele pode deixar ele clicar ateh no máximo 30 dias após a data de ida. Estou fazendo assim, mais não esta dando certo, teriam como me ajudar?

 

 

$("#Dataentrada_hotel").datepicker({
minDate: 1,
maxDate: 365,
numberOfMonths: 2,
onSelect: function(selected) {
 $("#Datasaida_hotel").datepicker("option","minDate", selected)
}
});
$("#Datasaida_hotel").datepicker({ 
minDate: 30,
maxDate: 30,
numberOfMonths: 2,
onSelect: function(selected) {
  $("#Dataentrada_hotel").datepicker("option","maxDate", selected)
}}); 

 

[Dian Carlos 29]

Veja http://jqueryui.com/datepicker/#min-max

[Doug Biazioli 0]

Bom dia, você pode tentar o seguinte:

 

function(selected) {
    var novaData = new Date(selected);
    novaData.setDate(novaData.getDate() + 30);
    $("#Datasaida_hotel").datepicker("option","minDate", selected);
    $("#Datasaida_hotel").datepicker("option","maxDate", novaData);
}

[Wagner Martins - SC 0]

Não esta dando certo, meu código esta assim:

 

 

$(window).load(function(){
function(selected) {
    var novaData = new Date(selected);
    novaData.setDate(novaData.getDate() + 30);
    $("#Datasaida_hotel").datepicker("option","minDate", selected);
    $("#Datasaida_hotel").datepicker("option","maxDate", novaData);
}
$(document).ready(function(){
$("#DataIda_internacional").datepicker({
minDate: 0,
numberOfMonths: 2,
onSelect: function(selected) {
 $("#DataVolta_internacional").datepicker("option","minDate", selected)
}
});
$("#DataVolta_internacional").datepicker({ 
minDate: 0,
numberOfMonths: 2,
onSelect: function(selected) {
  $("#DataIda_internacional").datepicker("option","maxDate", selected)
}
});  


$("#DataIda").datepicker({
minDate: 0,
numberOfMonths: 2,
onSelect: function(selected) {
 $("#DataVolta").datepicker("option","minDate", selected)
}
});
$("#DataVolta").datepicker({ 
minDate: 0,
numberOfMonths: 2,
onSelect: function(selected) {
  $("#DataIda").datepicker("option","maxDate", selected)
}
});  
});
});//]]>  

 

[Doug Biazioli 0]

A função que eu passei ali substitui o onSelect que você postou, do datepicker da #Dataentrada_hotel...

 

;)

[Wagner Martins - SC 0]

Cara me desulpe amigo mais não consegui te entender, não consigo ver esse onselect no meu código.

[Doug Biazioli 0]

Em cada definição de datepicker que você postou, tem o parâmetro onSelect, você deve colocar a função no onSelect do datepicker da entrada do hotel

[Wagner Martins - SC 0]

Acho q estou quase conseguindo resolver brother, olha só como estou fazendo, na saida do hotel onde q é para aparceer só 30 dias após a entrada, aparece o calendáriomais tudo desabilidato:

 

 

$("#Dataentrada_hotel").datepicker({
minDate: 0,
numberOfMonths: 2,
onSelect: function(selected) {
var novaData = new Date(selected);
    novaData.setDate(novaData.getDate() + 30);
    $("#Datasaida_hotel").datepicker("option","minDate", selected);
    $("#Datasaida_hotel").datepicker("option","maxDate", novaData);
}
});
$("#Datasaida_hotel").datepicker({ 
minDate: 0,
numberOfMonths: 2,
onSelect: function(selected) {
  $("#Dataentrada_hotel").datepicker("option","maxDate", selected)
}
});  

 

[Wagner Martins - SC 0]

Opa, consegui fazer cara ta ai o código:

 

$("#Dataentrada_hotel").datepicker({
	minDate: 0,
	maxDate:365,
	numberOfMonths: 2,
	
	onSelect: function(selected) {
		var d1 = $(this).datepicker("getDate");
        d1.setDate(d1.getDate() + 0);
        var d2 = $(this).datepicker("getDate");
        d2.setDate(d2.getDate() + 30); 
        $("#Datasaida_hotel").datepicker("setDate", null);
        $("#Datasaida_hotel").datepicker("option", "minDate", d1);
        $("#Datasaida_hotel").datepicker("option", "maxDate", d2);
	}
});

$("#Datasaida_hotel").datepicker({ 
	minDate: 0,
	maxDate:365,
	numberOfMonths: 2,
	onSelect: function(selected) {
	  $("#Datasaida_hotel").datepicker("option","minDate", selected)
	}
}); 

O primeiro calendario de entrada do hotel aceita clicar apenas 365 dias após o data atual, no calendario de saida do hotel aceita clicar 30 dias após data clicada no calendario de entrada do hotel.

Minha outra dúvida relacionada ao datapicker seria a seguinte: Por exemplo se o usuario do site clicar na data de entrada do hotel 12/08/2014, no outro calendario de saida do hotel deviria aparecer apenas habilitado os dias 13/14/15/16 do 08 de 2014, pois para hoteis não pode marcar reserva após 1 ano (365 dias), como eu poderia fazer isso?