Autor Tema: JavaScript obtener resta diferencia entre dos fechas inicial final input date  (Leído 165 veces)

celest275

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 1
    • Ver Perfil
Hola, estoy trabajando en un formulario con 2 input tipo date, donde selecciono una fecha inicial, y fecha final, y quería obtener la resta de ambas fechas, y que lo coloque en otro input por medio de JavaScript,

Ejemplo: si en el primer input selecciono la fecha 20/02/2021 y el el segundo input selecciono 15/02/21, obtener como resta 5

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    </head>
    <body>
        <input type="date" name="fecha_Inicial" id="fecha_Inicial">
        <input type="date" name="fecha_Final" id="fecha_Final">
        <input type="text" name="resta" id="resta">
    </body>
   
</html>```

En JS tengo

Código: [Seleccionar]
     $("#fecha_Inicial, #fecha_Final,#resta").change(function(){
    var FechaInicial =  $("#fecha_Inicial").val();
    var FechaFinal = $("#fecha_Final").val();
    var diferencia = Math.abs(FechaInicial.getTime()-FechaFinal .getTime());
        $("#resta").val(diferencia);

Pero no obtengo nada
« Última modificación: 09 de Mayo 2021, 20:38 por Ogramar »

krakerbrain

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 7
    • Ver Perfil
Re: Resta de dos fechas en JS
« Respuesta #1 en: 21 de Marzo 2021, 23:52 »
Hola amigo, yo tambien estoy iniciandome en Javascript. Voy a usar tu pregunta como ejercicio.
Te sugiero que lo publiques de esta manera para que sea mas legible. Si tengo una respuesta la publicaré.
Saludos

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
        $("#fecha_Inicial, #fecha_Final,#resta").change(function(){

var FechaInicial =  $("#fecha_Inicial").val();

var FechaFinal = $("#fecha_Final").val();


var diferencia = Math.abs(FechaInicial.getTime()-FechaFinal .getTime());

    $("#resta").val(diferencia);
       
        </script>
    </head>
    <body>
        <input type="date" name="fecha_Inicial" id="fecha_Inicial">
        <input type="date" name="fecha_Final" id="fecha_Final">
        <input type="text" name="resta" id="resta">
    </body>
   
</html>

krakerbrain

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 7
    • Ver Perfil
Re: Resta de dos fechas en JS
« Respuesta #2 en: 22 de Marzo 2021, 02:24 »
Estuve practicando y no logré hacerlo sin usar un botón. En todo caso espero darte alguna idea.Saludos
Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
           
    </head>
    <body>
       
        <input type="date" name="fecha_Inicial" id="fecha_Inicial" >
        <input type="date" name="fecha_Final" id="fecha_Final" >
        <input type="text" name="resta" id="resta" value="0">
       
        <script type="text/javascript">
function fechas (){
    var inicial = new Date (document.getElementById("fecha_Inicial").value);
    var final = new Date(document.getElementById ("fecha_Final").value);
   
    var valor1 = inicial.getDate()
    var valor2 = final.getDate()

var diferencia = valor2-valor1;
document.getElementById('resta').value= diferencia+' dias';
   
}   
       </script>
        <h3 class="boton" onclick= "fechas()">Pulsa aquí</h3>
    </body>
   
</html>

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".