Olá. Alguém poderia me ajudar nisso? A ideia é mostrar a hora programada obtida a partir do select (agendamento) - quando já estiver selecionado ou ser selecionado o "agora" não precisa aparecer nada. Então quando selecionar 3 horas, 6 horas... deve pegar a hora atual, e somar a mais 3 ou 6, para saber a hora que será publicada.
Ocorre que select.value apesar de obter o valor certo, quando inserido no dataAgendada não mostra a hora certa, mostra uma hora bem frente, de dias ou meses futuros. Gostaria também, que fosse mostrado a hora nessa formatação DD/MM/AAAA - HH:MM:SS.
<select class="form-select form-select-sm" name="agendamento" id="agendamento" tabindex="14">
<option value="3">3 horas</option>
<option value="6">6 horas</option>
<option value="9">9 horas</option>
<option value="12">12 horas</option>
<option value="agora">Agora</option>
</select>
<!-- o "agora" quando inserido na primeira posição (que será a certa) impede totalmente o funcionamento. -->
<strong id="agendamento_data" class="col-md-12 text-end small"></strong>
<script>
var select = document.getElementById('agendamento');
const mostraData = document.getElementById('agendamento_data');
var dataAgora = new Date();
var dataAgendada = new Date();
dataAgendada.setHours(dataAgora.getHours() + select.value);
mostraData.innerHTML = dataAgendada;
// Queria que exibiesse a data nesse formato DD/MM/AAAA - HH:MM:SS
select.addEventListener('change', function(){
dataAgendada.setHours(dataAgora.getHours() + select.value);
mostraData.innerHTML = dataAgendada;
// Queria que exibiesse a data nesse formato DD/MM/AAAA - HH:MM:SS
})
</script>