[SOLUCIONADO] Guardar en variable despues de seleccionar en option select

[kimmy]

Hola amigos, tengo este formulario de cotizacion:

http://vamonosdevacaciones.com.ve/cotizacion.php

y en la parte 1 cuando se escoge la posada y el plan, necesito almacenar los datos que el cliente selecciona en una variable javascript para luego asignar a variable php y consultar la base de datos.

El problema es que como los option select se llenan dinamicamente no se como capturar lo que el usuario selecciona. Este es el código de esa parte:

Código HTML:

<legend>1. Plan:</legend>
           <label for="input-one" class="float"><strong>Posada:</strong></label>
           <label>
            <?php
            $consulta='select * from px';
            $resultado=mysql_query($consulta,$conn);
            echo "
            <select class='float' name='select1' id='select1'>";
                while($fila=mysql_fetch_array($resultado)){
                  echo "
                     <option value='".$fila['id_posada']."'>".$fila['nombre_posada']."
                     </option>";
           }
        ?> </select></label>          
        <label for="input-two" class="float"><strong>Plan:</strong></label>
        <label>
        <select class="inp-text" name="select2" id="select2" >
          <option value="0">Seleccionar... </option>
          </select>
        </label>
 

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
                $("#select1").change(function(event){
                    var id = $("#select1").find(':selected').val();
                    $("#select2").load('genera-select.php?id='+id);
                });
 

Código PHP:

$conn = db_connect();
  if (!$conn)
   return 0;
 
    $consulta = "SELECT * from plan WHERE id_posada = ".$_GET['id'];
    $query = mysql_query($consulta, $conn)or die(mysql_error());
    while ($fila = mysql_fetch_assoc($query)) {
        echo '<option value="'.$fila['id_plan'].'">'.$fila['nombre_plan'].'</option>';
    };
 

Les agradezco mucho su ayuda.

[emprear]

Para empezar, esto

Fecha y hora: 07/03/2013 11:35:58
Error: SyntaxError: syntax error
Archivo de origen: http://vamonosdevacaciones.com.ve/cotizacion.php
Línea: 357, columna: 17
Código fuente:
var desde_plan= ; // Quita las comillas para que sea un entero

[kimmy]

Si, es una funcion que voy a utilizar pero lo que quiero resolver es capturar lo que el usuario selecciona en la primera parte para que despues esa funcion pueda servir.

[kimmy]

Hola, agregué esto:

Código HTML:

<label class="letra">Este plan está disponible para fechas:</label>
        <label for="input-two" class="float"><strong>Desde:</strong></label>
 
        <label><select class="letra" name="select7" id="select7" readonly onChange="capturar()" >
            <option value="0"></option>
            </select></label>
 
    <label for="input-two" class="float"><strong>Hasta:</strong></label>
 
        <label><select class="letra" name="select8" id="select8" readonly >
            <option value="0"></option>
            </select></label>
 

con estas funciones:

Código Javascript:

$("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select7").load('genera-opciones.php?id_plan='+id_plan);
                });
 
                $("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select8").load('genera-opciones2.php?id_plan='+id_plan);
                });
 

para que me trajera los datos que necesito guardar en las variables javascript y probé esto, pero no funciona:

Código PHP:

<script>
function capturar(){
var desde = document.getElementById("select7").value;
//alert(desde);
var hasta = document.getElementById("select8").value;
}
</script>
<?php
$variablephp1 = "<script> document.write(desde) </script>";
echo "variablephp1 = $variablephp1";
echo '<br>';
$variablephp2 = "<script> document.write(hasta) </script>";
 
echo "variablephp2 = $variablephp2";
?>
 

Se que me falta algo con el evento onchange en el select7 y select8 pero no se como hacerlo. Por favor me pueden explicar porque he estudiado el DOM, javascript y ajax y no se como hacer esto....

Gracias

[kimmy]

Por favor diganme si mi pregunta no se entiende o algo.... de verdad necesito ayuda para aprender a hacer esto.

Gracias,

[walterdevel]

Para enviar valores de esa forma, tendrás que usar AJAX.

[kimmy]

Gracias walterdevel, estuve leyendo ajax pero como estoy super desesperada no entiendo mucho

[walterdevel]

Te paso un ejemplo de como sería aproximadamente, más que esto no te puedo ayudar:

Código Javascript:

var desde = $("#select7").val();
 
var hasta = $("#select8").val();
 
$.ajax({        
 
url: "ajax.php",
type: "POST",
data: {
    hasta_var: hasta,
    desde_var: desde,
},
timeout: 30000,
contentType : "application/x-www-form-urlencoded; charset=utf-8",
dataType: "html",
beforeSend: function() {  
   alert('ENVIANDO');
},
success: function(data, textStatus, jqXHR) {
   alert('SE ENVIO CORRECTAMENTE');
},
error: function(jqXHR, textStatus, errorThrown) {
  alert('OCURRIO UN ERROR');
}
});
 

ajax.php

Código PHP:

<?php
$desde = $_POST['desde_var'];
$hasta = $_POST['hasta_var'];
 

[emprear]

Iniciado por kimmy

Gracias walterdevel, estuve leyendo ajax pero como estoy super desesperada no entiendo mucho

La desesperación no te va a llevar a nada, y te aclaro que ya estás usando Ajax.
load() de Jquery es Ajax.
y sigo viendo errores en tu javascript

SAludos

[kimmy]

Mil Gracias walterdevel por tu valiosa ayuda. Analizare el código para aprenderlo, entenderlo y poder aplicarlo.

Gracias también emprear voy a revisar los errores, pero ese que me indicas es porque justamente no estoy recolectando la variable que me permite hacer la consulta en mysql para luego asignarla a var desde_plan= <?php echo $php_ini; ?>; (es asi como la uso).

Seguiré estudiando, lo que pasa es que ya tengo un año corrigiendo cosas en esta página y he aprendido algo de javascript, jquery y ajax a los trancazos.

Gracias a los dos.

[emprear]

Iniciado por kimmy

Mil Gracias walterdevel por tu valiosa ayuda. Analizare el código para aprenderlo, entenderlo y poder aplicarlo.

Gracias también emprear voy a revisar los errores, pero ese que me indicas es porque justamente no estoy recolectando la variable que me permite hacer la consulta en mysql para luego asignarla a var desde_plan= <?php echo $php_ini; ?>; (es asi como la uso).

Seguiré estudiando, lo que pasa es que ya tengo un año corrigiendo cosas en esta página y he aprendido algo de javascript, jquery y ajax a los trancazos.

Gracias a los dos.

Un error de sintáxis en javascript, aunque este en una función que aún no has de utilizar, puede invalidar el resto de tu javascript. Es más , en tu caso, los errores aparecen con la simple carga de la página. Por eso,lo primero antes de iniciar otra cosa es arreglar eso debidamente. aunque ello no implique de ninguna manera solucionar el problema puntual que mencionas.
Al momento

Fecha y hora: 07/03/2013 21:11:58
Error: ReferenceError: desde is not defined
Archivo de origen: http://vamonosdevacaciones.com.ve/cotizacion.php
Línea: 282

Fecha y hora: 07/03/2013 21:11:58
Error: ReferenceError: hasta is not defined
Archivo de origen: http://vamonosdevacaciones.com.ve/cotizacion.php
Línea: 282

Fecha y hora: 07/03/2013 21:11:59
Error: SyntaxError: syntax error
Archivo de origen: http://vamonosdevacaciones.com.ve/cotizacion.php
Línea: 383, columna: 17
Código fuente:
var desde_plan= ; // Quita las comillas para que sea un entero


Saludos

[kimmy]

Muchas gracias emprear, estaré solucionandolos.

[kimmy]

Me voy a volver loca con esto.

Creo que no supe explicar mi duda.

Ya yo me traigo el valor de la consulta a mysql y lo muestra en un option select (porque no supe como mostrarlo en un input text). Se genera en el select llamado "desde (select7)" al seleccionar primero el select "posada (select1)" y luego el select "plan (select2)".

Entonces cuando se genere lo que quiero es meter ese dato en una variable javascript.

Este es el código del form:

Código HTML:

<legend>1. Plan:</legend>
           <label for="input-one" class="float"><strong>Posada:</strong></label>
           <label>
            <?php
            $consulta='select * from posadas';
            $resultado=mysql_query($consulta,$conn);
            echo "
            
            <select class='float' name='select1' id='select1'>";
                while($fila=mysql_fetch_array($resultado)){
                  echo "
                     <option value='".$fila['id_posada']."'>".$fila['nombre_posada']."
                     </option>";
           }
            //echo "</select></label>";
        ?> </select></label>          
        <label for="input-two" class="float"><strong>Plan:</strong></label>
        <label>
        <select class="inp-text" name="select2" id="select2" >
          <option value="0">Seleccionar... </option>
          </select>
        </label>
        <label class="letra">Este plan está disponible para fechas:</label>
        <label for="input-two" class="float"><strong>Desde:</strong></label>
 
        <label><select class="letra" name="select7" id="select7"  >
            <option value="0"></option>
            </select></label>
 
    <label for="input-two" class="float"><strong>Hasta:</strong></label>
 
        <label><select class="letra" name="select8" id="select8" >
            <option value="0"></option>
            </select></label>
 

este el javascript que genera los select:

Código Javascript:

$(document).ready(function(){
                $("#select1").change(function(event){
                    var id = $("#select1").find(':selected').val();
                    $("#select2").load('genera-select.php?id='+id);
                });
                
                 $("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select4").load('genera-text.php?id_plan='+id_plan);
                });
                
                
 
                $("#select1").change(function(event){
                    var id_hab = $("#select1").find(':selected').val();
                    $("#select3").load('genera-select2.php?id_hab='+id_hab);
                    
                });
                
                
                $("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select5").load('genera-text2.php?id_plan='+id_plan);
                });
 
                $("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select6").load('genera-text3.php?id_plan='+id_plan);
                });
                
                $("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select7").load('genera-opciones.php?id_plan='+id_plan);
                });
 
                $("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select8").load('genera-opciones2.php?id_plan='+id_plan);
                });
 
 
        });
 

y este es el php donde me trae el valor del select "desde (select7)":

Código PHP:

$conn = db_connect();
  if (!$conn)
   return 0;
 
    $consulta = "SELECT * from pl WHERE id_plan =".$_GET['id_plan'];
    $query = mysql_query($consulta, $conn)or die(mysql_error());
    while ($result = mysql_fetch_array($query)) {
    $desde = $result['desde'];
 
       $desde1= date("d-m-Y",strtotime($desde));
        echo "<option value='".$desde1."'>".$desde1." </option>";
    }
 

Este es el link a el formulario:

http://vamonosdevacaciones.com.ve/cotizacion.php

Por favor, solo quiero guardar eso en una variable javascript. Tengo días leyendo y no se como.

Gracias.

[kimmy]

Por favor respondan...

Logré obtenerlo asi, pero me muestra es el anterior. Por ejemplo al inicio cuando escojo la posada y el plan me muestra 0 y luego vuelvo a escoger posada y plan y me muestra la fecha del anterior en el alert. Como hago para que tome la que se está escogiendo???

Lo hice asi:

Código Javascript:

$("#select2").change(function(event){
                    var id_plan = $("#select2").find(':selected').val();
                    // ???? insertas una pagina en un <select> </select>
                    $("#select8").load('genera-opciones2.php?id_plan='+id_plan);
                    var valor = document.form1.select8.value;
                    alert(valor);
 
                });
 

[Triby]

Supongo que como estás generando por AJAX las opciones del select, éstas tardan más tiempo en cargarse que la alerta en aparecer.

En todo caso, no deberías preocuparte mucho por eso, más bien, ve buscando la forma de validar los selectores de llegada y salida, esta última podría/debería ser calculada automáticamente?

[kimmy]

Yo necesito desde y hasta que son las fechas dentro de las cuales esta previsto el plan y esas fechas vienen desde la base de datos y son las que muestro en esos select(listas). El usuario debe escoger una fecha de llegada y automaticamente se generara un fecha de salida según la cantidad de noches que tiene el plan. Pero para aplicar la funcion que muestra esto, tengo que conocer el desde y hasta. Esta es la funcion que calcula la fecha de salida y valida:

Código Javascript:

function calcular(){
    
var n_noches =  document.form1.select5.value;
var from = $('#datepicker_1');          
var to = $('#datepicker_2');          
var diferencia = $('#diferencia');
var fromDate = from.datepicker('getDate');
    var desde = "<?php echo $desde2; ?>";
    var hasta = "<?php echo $hasta2; ?>";
        
    var desde_plan= <?php echo $php_ini; ?>; // Quita las comillas para que sea un entero
    var hasta_plan= <?php echo $php_fin; ?>; // Igual aquí
 
 
    // Yo preferiría buscar por id, por compatibilidad entre navegadores
    var llegada1 = document.getElementById('datepicker_1').value;
   // Y ya que estás usando jquery, puedes hacerlo así:
       
    var llegadas = llegada1.split("/");
 
    var ano =llegadas[0];
    var mes =llegadas[1];
    var dia =llegadas[2];
 
    var fecha1 = dia+"/"+mes+"/"+ano;
 
    var js_ini = new Date(fecha1).getTime()/1000;
    // Compruebas si los números a comparar están correctos
        if(js_ini < desde_plan || js_ini > hasta_plan) {
        //alert("Has escrito: " + $("#TextBox1″).val());
        alert('Fecha seleccionada fuera de rango, seleccionar fechas entre '+ desde +' hasta ' + hasta);
        document.getElementById('salida').value = 0;
 
        }
        else{
var suma = parseInt(n_noches);
 
 
fromDate.setDate(fromDate.getDate() + suma);
 
var anio = fromDate.getFullYear();
var mes1 = fromDate.getMonth()+1;
var dia1 = fromDate.getDate();
 
if(mes1.toString().length<2){
  mes1="0".concat(mes1);      
}  
  
//Si la longitud de digitos es menor a 2
//entonces le agregamos el cero a la izquierda.
if(dia1.toString().length<2){
  dia1="0".concat(dia1);      
}
 
    var fechando = dia1+"/"+mes1+"/"+anio;
    
    document.getElementById('salida').value = fechando;
    } 
}
 

Lo que necesito es guardar en una variable ese desde y hasta que se obtuvo segun la posada y el plan que selecciona el usuario para usarlos en la función.

????

[emprear]

seguimos en lo mismo

Código:

	
var desde_plan= ; // Quita las comillas para que sea un entero
var hasta_plan= ; // Igual aquí


    // Yo preferiría buscar por id, por compatibilidad entre navegadores
	var llegada1 = document.getElementById('datepicker_1').value;
   // Y ya que estás usando jquery, puedes hacerlo así:
       
	var llegadas = llegada1.split("/");

	var ano =llegadas[0];
	var mes =llegadas[1];
	var dia =llegadas[2];

	var fecha1 = dia+"/"+mes+"/"+ano;

    var js_ini = new Date(fecha1).getTime()/1000;
    // Compruebas si los números a comparar están correctos
		if(js_ini < desde_plan || js_ini > hasta_plan) {
		//alert("Has escrito: " + $("#TextBox1″).val());
        alert('Fecha seleccionada fuera de rango, seleccionar fechas entre '+ desde +' hasta ' + hasta);
		document.getElementById('salida').value = 0;

var desde_plan y var hasta_plan no generan ningún valor y posteriormente los utilizás para hacer una comparación.
Que se supone que son

Código:

    var desde_plan= <?php echo $php_ini; ?>; // Quita las comillas para que sea un entero
    var hasta_plan= <?php echo $php_fin; ?>; // Igual aquí

Y he visto unos cuantos errores más

Saludos

[Triby]

Creo que primero debes atender las sugerencias de emprear para poder avanzar.

En cuanto a "desde" y "hasta" que no aparecen en el alert, insisto en que no deberías preocuparte, los valores se están cargando correctamente y, tienes dos opciones:

1- Al finalizar la carga de esos valores, debes usar un método de jquery, no recuerdo cuál es, pero se activa cuando finaliza la llamada AJAX y es ahí donde puedes hacer el alert o asignar los valores inicial y final para los datepickers

2- Cuando los datepickers obtengan el foco, tomar los valores de "desde" y "hasta"... lo cual me pareca mucho más sencillo

Tú eliges cual opción intentar, pero, insisto, primero haz caso de las sugerencias que ya te hicieron.

[kimmy]

Hola, gracias por la ayuda de ambos pero claro que estan vacios esos datos en la funcion calcular porque son los que no logro guardar (desde y hasta) que ya los tengo pero me muestra es el anterior. Por ejemplo al inicio cuando escojo la posada y el plan me muestra 0 y luego vuelvo a escoger posada y plan y me muestra la fecha del anterior en el alert. Coloque el alert para ver que trae.

Ya quité la función calcular().

Lo que necesito es guardar desde que es el select7 y hasta que es el select8 que son las fechas dentro de las cuales esta previsto el plan y esas fechas vienen desde la base de datos y son las que muestro en esos select(listas).

Les adjunto la imagen de los select con los datos que trae y los que quiero guardar en variables



????

[Triby]

Kimmy, realmente no es necesario guardar esos valores en una variable, como te decía en el mensaje anterior, es más sencillo que uses onfocus en los dos datepickers para leer los valores "desde" y "hasta".

[kimmy]

Triby no me entiendes, esos select no son datepicker. Solo uso un datepicker en fecha de llegada y no tiene nada que ver con lo que quiero de los otros. Los datos que están en los select 7 y 8 vienen de la consulta, no tienen que escogerse los coloco alli para poder guardarlos en las variables javascript que usaré después.

Desde y hasta no es lo mismo que fecha de llegada y fecha de salida son otros por un plan puede tener un desde 07/03/2013 hasta 25/12/2013 y en cambio las fechas de llegada y salida son las que se engloban dentro de las noches del plan. Por ejemplo 4 noches. Son cosas totalmente distintas.

No uso datepicker en desde y hasta solo uso un select en donde muestro la consulta a la tabla segun la posada y plan seleccionado.

No se como explicarles esto

[Triby]

Por supuesto que te entiendo, los select son llenados por medio de la llamada AJAX y tienen como finalidad establecer las fechas límite que después debes seleccionar en los datepickers y me queda bastante claro que los datepickers no pueden tener fechas de llegada previas a "desde" ni salida posteriores a "hasta".

Tú eres quien no ha entendido que los valores "desde" y "hasta" no son importantes mientras los datepickers no tengan el foco o no se haya enviado el formulario que, cuando eso pase, el AJAX donde cargas los selectores ya debe haber finalizado y podrás realizar la consulta necesaria para establecer límites actuales y reales en los datepickers y/o realizar una validación.

[kimmy]

Ok, ya te entiendo pero como hago llegar ese desde y hasta a la funcion calcular que es esta:

Código Javascript:

function calcular(){
    
var n_noches =  document.form1.select5.value;
var from = $('#datepicker_1');          
var diferencia = $('#diferencia');
var fromDate = from.datepicker('getDate');
    var desde_plan = "SELECT7";
    var hasta_plan = "SELECT8";
        
     // Yo preferiría buscar por id, por compatibilidad entre navegadores
    var llegada1 = document.getElementById('datepicker_1').value;
   // Y ya que estás usando jquery, puedes hacerlo así:
       
    var llegadas = llegada1.split("/");
 
    var ano =llegadas[0];
    var mes =llegadas[1];
    var dia =llegadas[2];
 
    var fecha1 = dia+"/"+mes+"/"+ano;
 
    var js_ini = new Date(fecha1).getTime()/1000;
    // Compruebas si los números a comparar están correctos
        if(js_ini < desde_plan || js_ini > hasta_plan) {
        //alert("Has escrito: " + $("#TextBox1″).val());
        alert('Fecha seleccionada fuera de rango, seleccionar fechas entre '+ desde +' hasta ' + hasta);
        document.getElementById('salida').value = 0;
 
        }
        else{
var suma = parseInt(n_noches);
 
 
fromDate.setDate(fromDate.getDate() + suma);
 
var anio = fromDate.getFullYear();
var mes1 = fromDate.getMonth()+1;
var dia1 = fromDate.getDate();
 
if(mes1.toString().length<2){
  mes1="0".concat(mes1);      
}  
  
//Si la longitud de digitos es menor a 2
//entonces le agregamos el cero a la izquierda.
if(dia1.toString().length<2){
  dia1="0".concat(dia1);      
}
 
    var fechando = dia1+"/"+mes1+"/"+anio;
    
    document.getElementById('salida').value = fechando;
    } 
}
 

Gracias y disculpa mi ignorancia...

[Triby]

Código PHP:

// Tan sencillo como esto:
var desde = $('#select7').value;
var hasta = $('#select8').value;
 

Lógicamente, vas a necesitar convertir esos valores a un tipo de dato que te permita comparar, supongo que lo ideal sería un objeto de fecha, pero mis conocimientos en javascript no son muy buenos en el tema... de hecho, no sé gran cosa de javascript.

[emprear]

Durante mi, extensa creo, participación en el foro, me he encontrado me he encontrado con preguntas y códigos, a los cuales solo la intuición, podía darles un caracter lógico. Asi y todo, y disculpame la franqueza @kimmy, no tengo ni idea de cual es el problema, ni si es de php, ó de js, más bien diría, que ni siquiera llego a interpretar cual es el objetivo puntual a resolver. He leido y releído todo el post varias veces, haciendo incapié en los mensajes de @Triby a ver si por ese lado se me hacía la luz, pero ni aún asi.

Si aislamos algunas ideas, la cosa parece fácil

identificar un campo de formulario, no hay problema
hacer del su valor de dicho campo una variable suceptible de ser enviada mediante ajax, no hay problema
transformar el valor de un campo que representa una fecha, a una fecha válida de javascript, para luego hacer una comparación, no hay inconveniente.
A una fecha dada sumar un número de días, es simple

Ahora, que si sumo todo eso y me encuentro con esto



La cosa cambia. Para conseguir esa imagen, hay que hacer una secuencia determinada, y pregunto una vez más, con eso que se obtiene, que hay que hacer.

Y agrego (si ya sé que soy repetitivo)
un datepicker que no se usa????
2 versiones de la librería jQuery cargadas???
variablephp1 = <script> document.write(valor) </script><br>???? variables sin definir
Unos cuantos errores de html (incluyendo el html generado por php).
Yo entiendo que jQuery es bastante permisivo con ciertas cosas, pero todo lo previo me deja en la duda si lo que están mal son tus funciones, o jQuery y Javascript, dijeron "hasta aquí llego yo"

[Triby]

Primero corrige tu HTML, empezamos con sólo un datepicker, pero necesitas revisar toda tu página:
--- El el for de cada label debes especificar la ID del campo al que pertenece, si hacen click en el label, el campo toma el foco
--- No es necesario (ni recomendable) tener <label><input /></label>
--- Los atributos name, onchange, onfocus, onblur, etc., de las etiquetas html son en minúsculas
-- La forma correcta de agregar un script es todo en minúsculas y especificando sólo el tipo, porque language ya es obsoleto: <script type="text/javascript"></script>

Como ejemplo de lo anterior y para resolver tu problema:

1- Agregas el atributo onfocus al datepicker, para que cuando el usuario ingrese a ese campo, tome los valores de fecha mínima y máxima desde select7 y select8 ("desde" y "hasta").

Código HTML:

<label for="datepicker_1" class="floflo"><strong>Llegada:</strong></label>
    <input type="text" id="datepicker_1" name="llegada" class="datepicker" onfocus="datepickers_init();" onchange="calcular();" />
 

Debes hacer lo mismo para el segundo datepicker (si es que lo vas a usar)

2- Elimina la función de inicialización automática de los datepickers, realmente no es útil al cargar la página, porque no se ha seleccionado posada y plan, es decir, quita todo el bloque siguiente.

Código HTML:

<script language="JavaScript" type="text/JavaScript">
$(document).ready(function() 
{
        
   $("#datepicker").datepicker();
   
    }
);
$(function(){
        var pickerOpts = {
            minDate: new Date()
        };  
        $("#datepicker_1").datepicker(pickerOpts);
    });
</script>
 

3- Agrega la función para cargar opciones de los datepickers cuando el usuario seleccione cualquiera de los dos

Código HTML:

<script type="text/javascript">
function datepickers_init () {
    var pickerOpts = {
        minDate: new Date($('#select7').value),
        maxDate: new Date($('#select8').value),
    };
    $("#datepicker_1").datepicker(pickerOpts);
 
        // Si vas a usar el segundo datepicker
        // No necesitas crear otras opciones, son las mismas del anterior
    $("#datepicker_2").datepicker(pickerOpts);
}
</script>
 

4- La recomendación más importante es: Limpia tu código, porque me parece que vas dejando cosas que probaste y luego ya no usas (HTML y Javascript).
--- Ya que tienes jQuery, como bien te sugirió emprear, deja de usar document.getElementById('id_de_elemento') y, en su lugar, usa $('#id_de_elemento')

Finalmente, creo que estás en el mismo caso de hace un tiempo, desesperándote y queriendo avanzar rápido y eso no te deja ver que la solución puede ser un poco menos complicada de lo que parece y te desesperas más.

Tú puedes lograrlo, ya lo has demostrado muchas veces, solo necesitas un poco de paciencia y despejarte un poco.

[kimmy]

Muchas gracias Triby y Emprear. Ya logré que funcionara. Les agradezco mucho su ayuda porque me enredo un mundo con javascript y jquery y mucho mas con ajax. He estado limpiando el código lo más que puedo pero hay cosas que elimino y luego no me funcionan otras ....

Definitivamente, en lo que tenga un tiempo voy a hacer cursos de los 3 porque me tienen loca y me ha costado asimilarlos.

Gracias nuevamente...

[emprear]

Iniciado por kimmy

Muchas gracias Triby y Emprear. Ya logré que funcionara. Les agradezco mucho su ayuda porque me enredo un mundo con javascript y jquery y mucho mas con ajax. He estado limpiando el código lo más que puedo pero hay cosas que elimino y luego no me funcionan otras ....

Definitivamente, en lo que tenga un tiempo voy a hacer cursos de los 3 porque me tienen loca y me ha costado asimilarlos.

Gracias nuevamente...

Bien por la perseverancia !!!