Problema con calendario jquery

Tengo esto:
Código Javascript:

Ver original

function ingresarFechasCalendario(fechaBaseDatos)
{
var dates = ['11-10-2013', '11-12-2013'];
//tips are optional but good to have

$('#fechaBitacora1').datepicker({
dateFormat: 'dd/mm/yy',
beforeShowDay: highlightDays,
showOtherMonths: true,
numberOfMonths: 1,
});

function highlightDays(date) {
for (var i = 0; i < dates.length; i++) {
if (new Date(dates[i]).toString() == date.toString()) {
return [true, 'highlight', ];
}
}
return [true, ''];
}

}




pero al tenerlo dentro de una funcion me da este error:
Uncaught TypeError: Object [object Object] has no method 'datepicker'

en cambio si lo tengo de esta forma , si funciona:
Código Javascript:

Ver original

$(document).ready(function() {
var dates = ['11-10-2013', '11-12-2013'];
//tips are optional but good to have

$('#fechaBitacora1').datepicker({
dateFormat: 'dd/mm/yy',
beforeShowDay: highlightDays,
showOtherMonths: true,
numberOfMonths: 1,
});

function highlightDays(date) {
for (var i = 0; i < dates.length; i++) {
if (new Date(dates[i]).toString() == date.toString()) {
return [true, 'highlight', ];
}
}
return [true, ''];
}

});




pero yo necesito llamarlo en un evento especifico por medio de boton , no cuando cargue

muchas gracias

Hola, espero que te pueda ayudar, el evento datepicker ya lo tiene jQuery el cual te regresa un calendario ya sea con la fecha de hoy o tu puedes ingresar la fecha si quieres puedes checar esto: http://jqueryui.com/datepicker/
Saludos