Problema con datepicker

[Maverick2786]

Tengo esto:

Código Javascript:

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:

$(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