olá. o sistema em que trabalho utiliza um elemento calendar nos campos data, para utilizá-lo é necessário um monte de código javascript, várias funções, resolvi encapsular todo o código em uma tag, essa renderiza mais ou menos assim:
<script>
YAHOO.example.calendar.cal2 = new YAHOO.widget.Calendar(cal2,cal2Container);
YAHOO.example.calendar.cal2.selectEvent.subscribe(setarDataFim, YAHOO.example.calendar.cal2, true);
YAHOO.example.calendar.cal2.render();
YAHOO.example.calendar.cal2.hide();
</script>
//aqui a fica o input text e a imagem do calendário que o usuário clicará.
bom esse código tá bem incompleto, tou sem o código aqui.
a tag funcionou legal, acontece que quando eu incluo duas tags na mesma página, o código fica assim:
<script>
YAHOO.example.calendar.cal2 = new YAHOO.widget.Calendar(cal2,cal2Container);
YAHOO.example.calendar.cal2.selectEvent.subscribe(setarDataFim, YAHOO.example.calendar.cal2, true);
YAHOO.example.calendar.cal2.render();
YAHOO.example.calendar.cal2.hide();
</script>
//aqui a fica o input text e a imagem do calendário que o usuário clicará.
<script>
YAHOO.example.calendar.cal1 = new YAHOO.widget.Calendar(cal1,cal1Container);
YAHOO.example.calendar.cal1.selectEvent.subscribe(setarDataFim, YAHOO.example.calendar.cal1, true);
YAHOO.example.calendar.cal1.render();
YAHOO.example.calendar.cal1.hide();
</script>
//aqui a fica o input text e a imagem do outro calendário que o usuário clicará.
apenas a tag que fica mais em cima na página funciona. desconfio que a tag só pode ser utilizada uma vez no body.
alguém pode me explicar o que acontece? alguém tem uma sugestão de uma solução melhor?