[jQuery UI] Usar varios DatePickers sem saber quantos vão ser

[XicoXperto]

Olá malta!

A situação é a seguinte tenho um formulário para dados de uma pessoa, e este é suposto conter o historico da situação profissional, isto é, situação, data inicio, data fim, e o problema é que irei ter variados inputs com "data inicio" e "data fim".

Como referi no titulo, estou a usar a  interface da jQuery.

$(function() {
var dates = $( ".dateExpireStart , .dateExpireEnd " ).datepicker({
	showOn: "button",
	buttonImage: "images/style/inputs/icons/calendar.png",
	buttonImageOnly: true,
  		dateFormat: 'dd-mm-yy',
  		altFormat: "yy-mm-dd",
  		constrainInput: true,
	changeMonth: true,
	changeYear: true,
	yearRange: '-30Y:+30Y',
	showAnim: "slideDown",
	dayNamesMin: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab"],
	monthNamesShort: ["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"],
	onSelect: function( selectedDate ) {
		var option = this.id == "dateExpireStart" ? "minDate" : "maxDate",
			instance = $( this ).data( "datepicker" ),
			date = $.datepicker.parseDate(
				instance.settings.dateFormat ||
				$.datepicker._defaults.dateFormat,
				selectedDate, instance.settings );
		dates.not( this ).datepicker( "option", option, date )
	;}
});
});

<span class="job">
<!-- esta parte é irrelevante -->
<input type="text"  class=".dateExpireStart" id="job1Start" name="person[job1][startDate]" />
<input type="text"  class=".dateExpireStart" id="job1End" name="person[job1][endDate]" />
<!-- e esta parte também é irrelevante -->
</span>

e como podem ver o span que está na parte do codigo html repetir-se-à varias vezes mudando apenas a parte do [job1] para [job2], [job3], etc...

Queria tornar aquela função de jQuery generica para todos os elementos, para não ter de fazer uma para cada id...

Alguém tem algo assim semelhante a funcionar, ou alguma ideia?

__________________

editado: id's errados

[XicoXperto]

hmm, acho que não me expliiquei o suficiente,

como "data inicio" e "data fim" dependem um do outro, quando altero um, todos os outros no form alteram-se também.

imagem inicial:

http://img856.imageshack.us/img856/9351/capturadeecr20120423s18.png

depois de escolher uma data:

http://img542.imageshack.us/img542/9351/capturadeecr20120423s18.png

Como se pode ver na imagem eu preenchi 1 dos campos e todos os outros desapareceram, mesmo os que se referem ao inicio

[rumbafum]

isso não é por terem o mesmo id?

Já experimentaste com ids diferentes para os inputs?

[XicoXperto]

o problema é que afecta todos nem sequer afecta só o par que tem o mesmo ID, afecta também os inputs dos outros rows, mas vou mudar na mesma...

[XicoXperto]

Já descobri, a culpa é minha que ainda estou na fase de aprendizagem e ainda não percebi muito bem, mas pelo que entendi, não posso simplesmente associar o datepicker às classes, tenho que associar 1 a 1, ou seja, para cada elemento com datepicker tenho que associar a ele.

Daí a necessidade de ID's diferentes.

Obrigado pela ajuda.