[SOLUCIONADO] 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

[Alexis88]

Una pregunta, ¿en qué parte usas a la variable fechaBaseDatos?, es que veo que tu función recibe ese dato, pero dentro de la función, no veo que la uses, por lo que no encuentro necesidad de que tengas que usar esa función. Ahora bien, si esa función se activa cuando le das clic a un botón como leo por ahí, solamente debes de incluir ese código dentro del método click:

Código Javascript:

$("#tuBoton").click(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, ''];
    } 
});
 

Prueba esto y nos cuentas cómo te fue, saludos.

[Maverick2786]

fechaBaseDatos seria la variable que tendria los valores en ves de var dates = ['11-10-2013', '11-12-2013'];

var dates = ['11-10-2013', '11-12-2013']; es solo un ejemplo de la informacion que tiene la variable fechaBaseDatos

[Alexis88]

Ok, entonces, en la línea $("#tuBoton").click(function(){ colocala variable que recibes, quedando de la siguiente forma:

Código Javascript:

$("#tuBoton").click(function(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, ''];
    } 
});
 

[Maverick2786]

Muchas Gracias lo voy a probar, otra pregunta, el boton llama a una funcion que comprueba unos datos, despues de cumplir la comprobacion llama a una funcion ajax que envia los datos y recibe otro

Cuando reciba los datos de ajax es cuando ya asigno valor a la variable fechaBaseDatos y es cuando tendria que desplegar las fechas;

tu metedo seguira funcionando de esta manera?

[Alexis88]

Claro, alguna vez hice algo muy similar. En línea generales, sería así:

Código Javascript:

$(".button").click(function(valor){
 
 //Instrucciones
  
  var valido = funcionValidacion(datos); //Supongamos que esta función devuelve TRUE si los datos son válidos
  
  if (valido)
    $.ajax({
      //Instrucciones
    });
  else
    alert("Los datos no son válidos");
});
 

Luego de realizar un bloque determinado de instrucciones, invocas a la función que valida los datos, supongamos que si todos los datos son válidos, dicha función devuelve el valor booleano TRUE, luego, evalúas el valor devuelto por dicha función, si es verdadero, ejecutas el método Ajax que jQuery también lo tiene, caso contrario, puedes mostrar un mensaje de alerta indicándole al usuario que los datos no son válidos o algo por el estilo.

Saludos