Foros aprenderaprogramar.com

Aprender a programar => C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más => Mensaje iniciado por: celest275 en 18 de Marzo 2021, 07:46

Título: JavaScript obtener resta diferencia entre dos fechas inicial final input date
Publicado por: 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
Título: Re: Resta de dos fechas en JS
Publicado por: krakerbrain 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>
Título: Re: Resta de dos fechas en JS
Publicado por: krakerbrain 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>