Em um input do tipo date, como posso fazer para desabilitar os próximos 7 dias em relação ao dia atual no calendário?
Sei que com JS
consigo fazer uma função para desabilitar os dias anteriores ao atual com o parâmetro min, mas como poderia fazer para ser possível selecionar somente dias após 7 dias do atual, por exemplo, hoje é dia 20/10 no calendário está desabilitado todos os dias pra traz, porém preciso desabilitar também os próximos 7 dias no caso até 27/10 podendo ser selecionado somente dias afrente disso.
Código:
var today = new Date().toISOString().split('T')[0];
document.getElementsByName("date")[0].setAttribute('min', today);
#no-spin::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="date"] {
position: relative;
padding: 4px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
color: transparent;
background: none;
z-index: 1;
}
input[type="date"]:before {
color: transparent;
background: none;
display: block;
font-family: 'FontAwesome';
content: '\f073';
width: 15px;
height: 20px;
position: absolute;
top: 7px;
right: 6px;
color: #999;
}
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>Date Format</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
Data: <input type="date" id="no-spin" onkeypress="return false" name="date" min="">
</body>
</html>