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

celest275 · « **en:** 18 de Marzo 2021, 07:46 »

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

krakerbrain · « **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 · « **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>

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: