-1

Estoy trabajando con 2 datepicker el primero es la fecha inicial y el segundo la final, lo que necesito hacer es que dependiendo el dia en los que seleccione me ponga diferente precio. Por ejemplo: De lunes a jueves $3000. De viernes a domingo $4000.

1

2 respuestas 2

0

Sería algo así:

$(function() {
  $('#datepicker').datepicker({
    dateFormat: "DD", // Sólo obtener DD en lugar de " DD, MM, yy"
    onSelect: function(dateText, inst) {
      $("p.dia").html("Día = " + dateText); //  el día de la semana
      //hacemos la comparación día/precio
      if (dateText == "Monday" || dateText == "Tuesday" || dateText == "Wednesday" || dateText == "Thursday") {
        $("p.precio").html("$3000");
      } else if (dateText == "Friday" || dateText == "Saturday" || dateText == "Sunday") {
        $("p.precio").html("$4000");
      }
    }
  });
});
<!doctype html>
<html lang="es">

<head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
</head>

<body>
  <label>Seleccione día</label>
  <input id="datepicker" type="text">
  <p class="dia"></p>
  <!--Se muestra el día seleccionado-->
  <p class="precio"></p>
  <!--Se muestra el precio correspondiente al día-->


</body>

</html>

Básicamente haces una comparación específica del día de la fecha previamente seleccionada en el datepicker y muestras el precio que le corresponde.

3
  • Gracias por contestar. Como puedo realizar lo que hiciste pero con 2 datepicker, dependiendo los días seleccionados será el precio que se le asigne según el día correspondiente ?
    – Andres
    Commented el 15 nov. 2018 a las 14:43
  • Es decir,¿deberá arrojar el precio final, el cual, será la suma del precio del primer datepicker más el segundo?
    – Yaro Oka
    Commented el 15 nov. 2018 a las 17:23
  • Necesito hacer algo parecido a lo de una reservación en un hotel. Por ejemplo mi fecha inicial es viernes 16 de noviembre del 2018 y mi fecha de salida es el domingo 18 de noviembre del 2018. El día 16 y 17 son los días que voy a comparar y dependiendo el día que sea asignarle un precio. Gracias por tu ayuda .
    – Andres
    Commented el 15 nov. 2018 a las 17:56
0

Se entiende la idea de lo que quieres hacer, pero no queda en claro en que lugar de tu html tienes los datos, aquí realice una función que puede ayudar a guiarte

function myFunction() {
    var fecha = document.getElementById("fecha").value;
    if(!fecha) return false
    var valorg1 = 3000; // Estos valores no estoy seguro si los tienes en un Input o algo asi 
    var valorg2 = 4000;
    var d = new Date(fecha);
    var G1 = [0,1,2,3];//GRUPO1 >> 0 = Lunes, 1= Martes, 2 = Miercoles, 3 = Jueves
    var G2 = [4,5,6] //GRUPO2 >> 4 = Viernes, 5 = Sabado, 6 = Domingo
    if(G1.includes(d.getDay())){valorfinal = valorg1;}else{valorfinal = valorg2;}
    document.getElementById("demo").innerHTML = valorfinal;
}
<button onclick="myFunction()">VER VALOr</button>
<input type="date" name="fecha" id="fecha">
<p id="demo"></p>

1
  • Necesito hacer algo parecido a lo de una reservación en un hotel. Por ejemplo mi fecha inicial es viernes 16 de noviembre del 2018 y mi fecha de salida es el domingo 18 de noviembre del 2018. El día 16 y 17 son los días que voy a comparar y dependiendo el día que sea asignarle un precio, los valores los tengo en input. Gracias por tu ayuda...
    – Andres
    Commented el 17 nov. 2018 a las 16:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.