Cómo puedo con un input type=”date” obtener un resultado en un input type=”text”

publicado por: Anonymous

Me gustaría saber si el ingresar una fecha, en este caso, “fecha de vencimiento de una credencial”, con base en esa fecha determinar si esta vencida o es vigente, dependiendo siempre de la fecha actual.

Actualización

_x000D_

_x000D_

function DocUbicacion1() {_x000D_
_x000D_
  var doc = document.getElementById("doc");_x000D_
_x000D_
  if (doc1.value == ""){_x000D_
_x000D_
        document.getElementById("credencial1").innerHTML = "<option value='' >--Seleccione una opción--</option>";_x000D_
_x000D_
    }_x000D_
_x000D_
    if (doc1.value == "Se encuentra en el puesto"){_x000D_
_x000D_
        document.getElementById("credencial1").innerHTML = "<input value='' placeholder='--Seleccone el estado de la crdencial--' class='form-control' readonly>";_x000D_
_x000D_
        document.getElementById("credencial2").innerHTML = "<input type='date' id='start' name='fecha_vencimiento_credencial' class='form-control' title='ingrese fecha de vencimiento de la credencial' placeholder='Día'>";_x000D_
_x000D_
    }_x000D_
_x000D_
    if (doc1.value == "No se encuentra en el puesto"){_x000D_
_x000D_
        document.getElementById("credencial1").innerHTML = "<option value='No registra / permiso ausente'>No registra / permiso ausente</option>";_x000D_
_x000D_
        document.getElementById("credencial2").innerHTML = "<input value='Credencial ausente' name='fecha_vencimiento_credencial' class='form-control' placeholder='Día' readonly>";_x000D_
    }_x000D_
_x000D_
    if (doc1.value == "Credencial provisional"){_x000D_
_x000D_
        document.getElementById("credencial1").innerHTML = "<option value='Credencial provisional'>Credencial provisional</option>";_x000D_
_x000D_
        document.getElementById("credencial2").innerHTML = "<input value='Credencial provicional' class='form-control' readonly>";_x000D_
    }_x000D_
_x000D_
}_x000D_
 

_x000D_

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>_x000D_
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet"/>_x000D_
_x000D_
<label for="exampleInputFile">Ubicación del Documento</label>_x000D_
<select onchange="DocUbicacion1()" id="doc1" for="exampleInputEmail" title="Ingrese la unicación del documento" class="form-control" name='credencial'>_x000D_
<option value=''>--Seleccione una opción--</option>_x000D_
<option value="Se encuentra en el puesto" >Se encuentra en el puesto</option>_x000D_
<option value="No se encuentra en el puesto" >No se encuentra en el puesto</option>_x000D_
<option value="Credencial provisional">Credencial provisional</option>_x000D_
</select>_x000D_
_x000D_
 <label for="exampleInputFile">Fecha de vencimiento</label>_x000D_
<div class="col" id="credencial2">_x000D_
  <input class="form-control" placeholder="--Seleccione ubicación del documento--" readonly>_x000D_
</div>_x000D_
<br>	_x000D_
_x000D_
<label for="exampleInputFile">Estado de la Credencial:</label>_x000D_
<select  name="estado_credencial" id="credencial1" title="ingrese el estado de la credencial" class="form-control" >_x000D_
    <option value='' >--Seleccione ubicación del documento--</option>_x000D_
    <option value='Vigente' selected>Vigente</option>_x000D_
    <option value='Vencida' selected>Vencida</option>_x000D_
</select>_x000D_
<br>

_x000D_

_x000D_

_x000D_

solución

Yo te recomiendo intentar con moment.js: https://momentjs.com/

serial algo asi:

si estas usando jquery puede usar esto:

// con jQuery
// var expira =$('#start').val();

// sin JQuery
//var expira = document.getElementById('start').value

var fecha_actual = '2019-2-04';

var a = moment(expira);
var b = moment(fecha_actual)

a.isBefore(b); //returns true or false dependiendo si la fecha ya paso o no.

Usando solo javascript

document.getElementById('start').addEventListener('change', function() {
    // se ejecuta cuando el datepicker cambie de valor
    var input_date = this.value;
    console.log(input_date)
    var now = new Date();
    var date_selected = new Date(input_date);
    if (now > date_selected) { console.log('fecha actual es mayor a la fecha selecionada') }
    else { console.log('fecha seleccionada valida')}
​
})

Creo que aca esta funcionando https://jsfiddle.net/L405xmgk/15/ con javascript.

Para user momentjs necessitaras jQuery
https://jquery.com/

Pero en el ejemplo use solo javascript sin ninguna libreria.

Saludos

Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *