Estoy trabajando en un nodo de node-red y me gustaría saber cómo puedo hacer para que al seleccionar un elemento del select
, por ejemplo "Range of days", y que abajo se me muestre solo el div
que me engloba a ese input
:
Adjunto mi html:
<i class="fa fa-calendar"></i>
<select class="form-select" aria-label="Default select example">
<option selected> Choose one: </option>
<option value="day">Day</option>
<option value="range">Range of days</option>
<option value="week">Week</option>
<option value="month">Month</option>
</select>
<div class="container">
<i class="fa fa-calendar"></i> Choose a day:
<input id="node-input-calendar" type="date" name="calendar" style="width: 30%;">
<label for="calendar"></label>
</div>
<br>
<div class="container">
<i class="fa fa-calendar"></i> Choose a range of days:
<input id="node-input-calendarRange" type="date" name="calendar" style="width: 30%;"> to <input id="node-input-calendarRangeTwo" type="date" name="calendar" style="width: 30%;">
<label for="calendarRange"></label>
</div>
<br>
<div class="container">
<i class="fa fa-calendar"></i> Choose a week:
<input id="node-input-week" type="week" name="calendar" style="width: 35%;">
<label for="week"></label>
</div>
<br>
<div class="container">
<i class="fa fa-calendar"></i> Choose a month:
<input id="node-input-month" type="month" name="calendar" style="width: 35%;">
<label for="calendar"></label>
</div>
Disculpad si hay errores, muchas gracias.
Javascript
que has intentado. ¿Podrías editar tu pregunta y agregarlo?