Estou usando o plugin jQuery datepicker em um site que estou construindo. Eu preciso que os usuários possam escolher duas datas dentro de um intervalo especificado de datas. Isso é direto o suficiente para ser feito.

O problema é que o intervalo permitido de datas muda dependendo de outra caixa de seleção (com nomes de construção). Então, o que preciso acontecer é procurar o edifício em um banco de dados mysql, retornar a data mínima e máxima permitida e usar o datepicker para permitir que os usuários escolham um intervalo de datas dentro do intervalo permitido.

Na minha página principal, atualmente estou usando:

$('#dateStartMainChart').load(url);

para carregar um arquivo php que gera:

<script> 
$(function() {
    $( "#dateEndMainChartSelect" ).datepicker({ 
        dateFormat: 'yy-mm-dd',
        defaultDate: -1,
        minDate: new Date(2011,03,03),
        maxDate: +0,
            firstDay: 1,
        changeMonth: true,
        changeYear: true
    });
}); 
</script>
<input type="text" class="text" value=2011-03-04 id="dateEndMainChartSelect" align="center"/>

onde minDate e maxDate foram preenchidos corretamente no banco de dados mysql. No entanto, o resultado é que acabei de receber uma caixa de texto com a data na minha página principal, em vez do elemento datepicker.

Alguma ideia?