Foros del Web » Programando para Internet » Jquery »

Guardar dias de la semana seleccionado en datepicker

Estas en el tema de Guardar dias de la semana seleccionado en datepicker en el foro de Jquery en Foros del Web. Hola amigos. Tengo un formulario en donde el usuario escoge 2 fechas mediante dos datepicker pero necesito guardar los dias de la semana entre esas ...
  #1 (permalink)  
Antiguo 19/03/2013, 13:19
Avatar de kimmy  
Fecha de Ingreso: julio-2008
Mensajes: 841
Antigüedad: 15 años, 9 meses
Puntos: 15
Pregunta Guardar dias de la semana seleccionado en datepicker

Hola amigos. Tengo un formulario en donde el usuario escoge 2 fechas mediante dos datepicker pero necesito guardar los dias de la semana entre esas dos fechas.

Por ejemplo si la persona escoje 1era fecha: 22/03/2013 y 2da fecha: 24/03/2013 deberia recorrerlas para guardar viernes, sabado y domingo. Cómo hago esto?

Este es mi código:

Código HTML:
Ver original
  1. <label for="input-diez" class="floflo"><strong>Llegada:</strong></label>
  2.             <label><input type="text" id="datepicker_1" name="llegada" class="datepicker" /></label>
  3.             <label for="input-once" class="floflo"><strong>Salida:</strong></label>
  4.             <label><input type="text" id="datepicker_2" name="salida" class="datepicker" onChange="rango(this)" /></label>
  5.             <label for="input-doce" class="floflo"><strong>Nº Noches:</strong></label>
  6.             <label><input type="text" id="diferencia" name="diferencia" readonly  class="fondo" ></label>
  7.             <label for="input-doce" class="floflo"><strong>Nº Días:</strong></label>
  8.             <label><input type="text" id="diferencia2" name="diferencia2" readonly  class="fondo"></label>


Gracias
__________________
Caminando con el corazón partío
  #2 (permalink)  
Antiguo 20/03/2013, 00:57
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Guardar dias de la semana seleccionado en datepicker

Con javascript puro

Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <meta charset="utf-8" />
  4. <title>Días de la semana entre 2 fechas</title>
  5. <style type="text/css">
  6. /*<![CDATA[*/
  7. #inter{
  8. margin-top: 3px;
  9. margin-bottom: 3px;
  10. color: green;
  11. }
  12. label{
  13. display: inline-block;
  14. width: 120px;
  15. }
  16. /*]]>*/
  17. <script type="text/javascript">
  18. //<![CDATA[
  19. function difDias(fechaA, fechaB) {
  20. return Math.round(Math.abs(fechaA.getTime() - fechaB.getTime())/(1000 * 60 * 60 * 24))
  21. }
  22. function diferencia(){
  23. var intermedios = "";
  24. var dias_semana=[];
  25. dias_semana[0]="Domingo";
  26. dias_semana[1]="Lunes";
  27. dias_semana[2]="Martes";
  28. dias_semana[3]="Miercoles";
  29. dias_semana[4]="Jueves";
  30. dias_semana[5]="Viernes";
  31. dias_semana[6]="Sábado";
  32.  
  33. var f1 = document.getElementById('fecha_uno').value.split("/");
  34. var d1 = new Date(f1[2],f1[1]-1,f1[0]);
  35. var f2 = document.getElementById('fecha_dos').value.split("/");
  36. var d2 = new Date(f2[2],f2[1]-1,f2[0]);
  37. var dias_entre =difDias(d1,d2)-1;
  38.  
  39. for (var i=1; i <= dias_entre; i++){
  40. var nd =    new Date(f1[2],f1[1]-1,f1[0]);
  41. nd.setDate(nd.getDate()+ i);
  42. intermedios += dias_semana[nd.getDay()] + '<br />';
  43.  
  44. }
  45. document.getElementById('llegada').innerHTML = dias_semana[d1.getDay()];
  46. document.getElementById('partida').innerHTML = dias_semana[d2.getDay()];
  47. document.getElementById('inter').innerHTML = intermedios;  
  48. }
  49. //]]>
  50. </head>
  51. <form action="#">
  52. <p>
  53. <label for="fecha_uno">Llegada</label> <input type="text" id="fecha_uno" /> dd/mm/aaaa<br />
  54. <label for="fecha_dos">Partida</label> <input type="text" id="fecha_dos" /> dd/mm/aaaa<br />
  55. <input type="button" value="calcular" onclick="diferencia();" />
  56. </p>
  57. </form>
  58. <div>
  59. Llegada: <span id="llegada"></span><br />
  60. <div id="inter">
  61. <!-- Días Intermedios -->
  62. </div>
  63. Partida: <span id="partida"></span><br />
  64. </div>
  65. </body>
  66. </html>

Demo:
http://foros.emprear.com/javascript/...re_fechas.html

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 20/03/2013, 06:58
Avatar de kimmy  
Fecha de Ingreso: julio-2008
Mensajes: 841
Antigüedad: 15 años, 9 meses
Puntos: 15
Respuesta: Guardar dias de la semana seleccionado en datepicker

Hola emprear, gracias por contestar. Yo logré con jquery que me muestre el dia de llegad y el dia de salida pero no los dias intermedios. Este es el enlace donde está:

vamonosdevacaciones.com.ve/cotizacion3.php?id_posada=2&temporada=Baja

y este es el código:

Código Javascript:
Ver original
  1. $(document).ready(function() {
  2.  
  3. var datepicked = function() {
  4. var from = $('#datepicker_1');          
  5. var to = $('#datepicker_2');          
  6. var diferencia = $('#diferencia');
  7. var diferencia2 = $('#diferencia2');
  8.                                
  9. var fromDate = from.datepicker('getDate')
  10. var toDate = to.datepicker('getDate')
  11. if (toDate && fromDate) {
  12.     var difference = 0;
  13.     var oneDay = 86400000; //ms per day
  14.     var difference = Math.ceil((toDate.getTime() - fromDate.getTime()) / oneDay);
  15.     diferencia.val(difference);
  16.     diferencia2.val( difference + 1);        
  17. }
  18.  
  19. }
  20.  
  21. $('#datepicker_1').datepicker({
  22. onSelect: datepicked,  
  23. altFormat: 'DD',
  24. altField: '#alternate'
  25.  
  26. });
  27. $('#datepicker_2').datepicker({
  28. onSelect: datepicked,  
  29. altFormat: 'DD',
  30. altField: '#alternate2'
  31.  
  32. });
  33.     });  
  34.  
  35. function Sumar(sel1, sel2, sel3){
  36.     var total;
  37.     var sel1 = document.getElementById("adultos").value;
  38.     var sel2 = document.getElementById("ctdad_ninos_me").value;
  39.     var sel3 = document.getElementById("ctdad_ninos_may").value;
  40.     resultado = parseInt(sel1) + parseInt(sel2) + parseInt(sel3);
  41.     document.getElementById('Resultado').value = resultado;
  42. }

Lo que necesito es guardar cada dia en unas variables para preguntarle a mysql por ejemplo si el dia es miercoles muestrame la tarifa x, si el dia es sabado muestrame la tarifa x y asi.

Cómo puedo almacenar esos dias entre esas dos fechas seleccionadas con jquery?

Gracias.
__________________
Caminando con el corazón partío

Etiquetas: datepicker, dias, seleccionado, semana
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:13.