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
function DocUbicacion1() {
var doc = document.getElementById("doc");
if (doc1.value == ""){
document.getElementById("credencial1").innerHTML = "<option value='' >--Seleccione una opción--</option>";
}
if (doc1.value == "Se encuentra en el puesto"){
document.getElementById("credencial1").innerHTML = "<input value='' placeholder='--Seleccone el estado de la crdencial--' class='form-control' readonly>";
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'>";
}
if (doc1.value == "No se encuentra en el puesto"){
document.getElementById("credencial1").innerHTML = "<option value='No registra / permiso ausente'>No registra / permiso ausente</option>";
document.getElementById("credencial2").innerHTML = "<input value='Credencial ausente' name='fecha_vencimiento_credencial' class='form-control' placeholder='Día' readonly>";
}
if (doc1.value == "Credencial provisional"){
document.getElementById("credencial1").innerHTML = "<option value='Credencial provisional'>Credencial provisional</option>";
document.getElementById("credencial2").innerHTML = "<input value='Credencial provicional' class='form-control' readonly>";
}
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet"/>
<label for="exampleInputFile">Ubicación del Documento</label>
<select onchange="DocUbicacion1()" id="doc1" for="exampleInputEmail" title="Ingrese la unicación del documento" class="form-control" name='credencial'>
<option value=''>--Seleccione una opción--</option>
<option value="Se encuentra en el puesto" >Se encuentra en el puesto</option>
<option value="No se encuentra en el puesto" >No se encuentra en el puesto</option>
<option value="Credencial provisional">Credencial provisional</option>
</select>
<label for="exampleInputFile">Fecha de vencimiento</label>
<div class="col" id="credencial2">
<input class="form-control" placeholder="--Seleccione ubicación del documento--" readonly>
</div>
<br>
<label for="exampleInputFile">Estado de la Credencial:</label>
<select name="estado_credencial" id="credencial1" title="ingrese el estado de la credencial" class="form-control" >
<option value='' >--Seleccione ubicación del documento--</option>
<option value='Vigente' selected>Vigente</option>
<option value='Vencida' selected>Vencida</option>
</select>
<br>