Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

merlinus

Jquery formulario com 2 datepicker

Recommended Posts

Saudações, estou usando em um site Datepicker para pegar datas de inicio e fim.

Com isso gostaria de qdo se selecionar a data inicio, não fosse possivel pegar uma data inferior no fim e vice versa, fuçando na internet cheguei a seguinte solução, mas não funciona:

jQuery(function() {
	  jQuery( "#datepicker" ).datepicker({
			showOtherMonths: true,	
	        selectOtherMonths: true,
			 numberOfMonths: 1,
			 dateFormat: 'dd/mm/yy',
	        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
	        dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
	        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
	        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
	        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],
			minDate:'today'

onSelect: function(selected) {
	  jQuery( "#datepicker2" ).datepicker("option","minDate", selected)
	}

		});
	
  });
  jQuery(function() {
	  
		jQuery( "#datepicker2" ).datepicker({
			
			
			showOtherMonths: true,
	        selectOtherMonths: true,
			 numberOfMonths: 1,
			 dateFormat: 'dd/mm/yy',
	        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
	        dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
	        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb','Dom'],
	        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
	        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],
			minDate: 'today'
	   
		onSelect: function(selected) {
	  jQuery( "#datepicker" ).datepicker("option","maxDate", selected)
	}		

		});
	
  });

Alguem consegue me dar uma luz aonde estou errando?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sergio obrigado por responder, o site é baseado em wordpress está dando conflito se eu usar o construtor $ por isso que estou usando o jQuery.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvido gente, faltou a virgula depois do parametro min date, segue o codigo para quem estiver precisando

jQuery(function() {
	  jQuery( "#datepicker" ).datepicker({
			showOtherMonths: true,	
	        selectOtherMonths: true,
			 numberOfMonths: 1,
			 dateFormat: 'dd/mm/yy',
	        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
	        dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
	        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'],
	        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
	        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],
			minDate:'today',

onSelect: function(selected) {
	  jQuery( "#datepicker2" ).datepicker("option","minDate", selected)
	}

		});
	
  });
  jQuery(function() {
	  
		jQuery( "#datepicker2" ).datepicker({
			
			
			showOtherMonths: true,
	        selectOtherMonths: true,
			 numberOfMonths: 1,
			 dateFormat: 'dd/mm/yy',
	        dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'],
	        dayNamesMin: ['D','S','T','Q','Q','S','S','D'],
	        dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'],
	        monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
	        monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'],
			minDate: 'today',
	   
		onSelect: function(selected) {
	  jQuery( "#datepicker" ).datepicker("option","maxDate", selected)
	}		

		});
	
  });

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.