Salve
ho 2 campi input type text uno dedicato alla data e uno all'orario:
codice:
<input type="text" class="form-control bg-transparent" id="datepicker1" placeholder="Data preferita" name="Data" data-date-days-of-week-disabled="0,1" required>
<select class="form-select form-control bg-transparent oras" aria-label=".form-select-lg example" required name="Ora" required>
<option selected="" value="">Scegli</option>
<option value="08:00">08:00</option>
<option value="09:00">09:00</option>
<option value="10:00">10:00</option>
<option value="11:00">11:00</option>
<option value="12:00">12:00</option>
<option value="13:00">13:00</option>
<option value="14:00">14:00</option>
<option value="15:00">15:00</option>
<option value="16:00">16:00</option>
<option value="17:00">17:00</option>
<option value="18:00">18:00</option>
<option value="19:00">19:00</option>
</select>
<script type="text/javascript">
$(document).ready(function(){
$.fn.datepicker.defaults.language = 'it';
});
$(document).ready(function() {
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate()+1);
$('#datepicker1').datepicker({
format: "dd/mm/yyyy",
todayHighlight: true,
startDate: today,
autoclose: true
});
$('#datepicker1').datepicker('setDate', today);
});
(DA QUESTA PARTE DI CODICE)
var $dateInput = $("#datepicker1"),
$option = $("option[value='14:00']");
$dateInput.on("change", function() {
var date = new Date($dateInput.val());
if (date.getUTCDay() === 6) {
$option.prop("disabled", true);
} else {
$option.prop("disabled", false);
}
console.log(date);
console.log(date.getUTCDay());
});
</script>
<link href="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/css/datepicker3.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/js/bootstrap-datepicker.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/js/locales/bootstrap-datepicker.it.js"></script>
La parte di codice indicata, trovata sul web e adattata al mio script, dovrebbe effettuare la funzione di disabilitare le ore 14.00 se selezionato come giorno venerdì, ma funziona "forse" solo se il campo della data e un campo type:date, mentre io vorrei che funzionasse se il campo e un classico type:text.
Inoltre come applicarla su 2 gg contemporaneamente, come posso fare?
Grazie