Guardar dias de la semana seleccionado en datepicker

kimmy · #1 (**permalink**) 19/03/2013, 13:19

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<label for="input-diez" class="floflo"><strong>Llegada:</strong></label>
            <label><input type="text" id="datepicker_1" name="llegada" class="datepicker" /></label>
            <label for="input-once" class="floflo"><strong>Salida:</strong></label>
            <label><input type="text" id="datepicker_2" name="salida" class="datepicker" onChange="rango(this)" /></label>
            <label for="input-doce" class="floflo"><strong>Nº Noches:</strong></label>
            <label><input type="text" id="diferencia" name="diferencia" readonly  class="fondo" ></label>
            <label for="input-doce" class="floflo"><strong>Nº Días:</strong></label>
            <label><input type="text" id="diferencia2" name="diferencia2" readonly  class="fondo"></label>

Gracias

emprear · #2 (**permalink**) 20/03/2013, 00:57

Con javascript puro

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Días de la semana entre 2 fechas</title>
<style type="text/css">
/*<![CDATA[*/
#inter{
margin-top: 3px;
margin-bottom: 3px;
color: green;
}
label{
display: inline-block;
width: 120px;
}
/*]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
function difDias(fechaA, fechaB) {
return Math.round(Math.abs(fechaA.getTime() - fechaB.getTime())/(1000 * 60 * 60 * 24))
}
function diferencia(){
var intermedios = "";
var dias_semana=[];
dias_semana[0]="Domingo";
dias_semana[1]="Lunes";
dias_semana[2]="Martes";
dias_semana[3]="Miercoles";
dias_semana[4]="Jueves";
dias_semana[5]="Viernes";
dias_semana[6]="Sábado";
 
var f1 = document.getElementById('fecha_uno').value.split("/");
var d1 = new Date(f1[2],f1[1]-1,f1[0]);
var f2 = document.getElementById('fecha_dos').value.split("/");
var d2 = new Date(f2[2],f2[1]-1,f2[0]);
var dias_entre =difDias(d1,d2)-1;
 
for (var i=1; i <= dias_entre; i++){
var nd =    new Date(f1[2],f1[1]-1,f1[0]);
nd.setDate(nd.getDate()+ i); 
intermedios += dias_semana[nd.getDay()] + '<br />';
 
} 
document.getElementById('llegada').innerHTML = dias_semana[d1.getDay()];
document.getElementById('partida').innerHTML = dias_semana[d2.getDay()];
document.getElementById('inter').innerHTML = intermedios;  
}
//]]>
</script>
</head>
<body>
<form action="#"> 
<p>
<label for="fecha_uno">Llegada</label> <input type="text" id="fecha_uno" /> dd/mm/aaaa<br />
<label for="fecha_dos">Partida</label> <input type="text" id="fecha_dos" /> dd/mm/aaaa<br />
<input type="button" value="calcular" onclick="diferencia();" />
</p>
</form>
<div>
Llegada: <span id="llegada"></span><br />
<div id="inter">
<!-- Días Intermedios -->
</div>
Partida: <span id="partida"></span><br />
</div>
</body>
</html>

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

Saludos

kimmy · #3 (**permalink**) 20/03/2013, 06:58

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$(document).ready(function() {
 
var datepicked = function() {
var from = $('#datepicker_1');          
var to = $('#datepicker_2');          
var diferencia = $('#diferencia');
var diferencia2 = $('#diferencia2');
                                
var fromDate = from.datepicker('getDate')
var toDate = to.datepicker('getDate')
if (toDate && fromDate) {
    var difference = 0;
    var oneDay = 86400000; //ms per day
    var difference = Math.ceil((toDate.getTime() - fromDate.getTime()) / oneDay); 
    diferencia.val(difference);
    diferencia2.val( difference + 1);         
}
 
} 
 
$('#datepicker_1').datepicker({
onSelect: datepicked,   
altFormat: 'DD',
altField: '#alternate'
 
}); 
$('#datepicker_2').datepicker({
onSelect: datepicked,   
altFormat: 'DD',
altField: '#alternate2'
 
}); 
    });   
 
function Sumar(sel1, sel2, sel3){
    var total;
    var sel1 = document.getElementById("adultos").value;
    var sel2 = document.getElementById("ctdad_ninos_me").value;
    var sel3 = document.getElementById("ctdad_ninos_may").value;
    resultado = parseInt(sel1) + parseInt(sel2) + parseInt(sel3);
    document.getElementById('Resultado').value = resultado;
}

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.