Du skal lige vide, at <input type="date"> kalender-funktionen ikke virker i alle (de gamle) browsere, men der findes en del alternativer, som koble på et input-felt. Google "vanilla js date picker" Mange "Kalendere / Date Picker" kræver f.eks. jQuery, Bootstrap, NodeJS eller andet for at kunne køre, men der findes en del som er "vanilla" og ikke kræver andet end deres egen kode.
F.eks.
https://www.cssscript.com/vanilla-date-range-picker/<input type="date" name="date_input" value="2022-01-01" min="2022-01-01" max="2023-12-31"><br>
<div id="date_output"></div><br>
<script>
function regn57dage() {
const day = document.querySelector('input[name="date_input"]').valueAsNumber; // ms siden 1970 ...
const ewa = new Date(day - 4924800000 ); // 57 * 24*60*60 * 1000 = 4924800000ms på 2 mnd og 1 dag (PUNKT 1)
const dk = ewa.toLocaleDateString('da-DK').split('.'); // toLocaleDateString viser DK-dato med . :/
document.querySelector('#date_output').innerHTML = `${dk[0]}/${dk[1]} ${dk[2]}`; // (PUNKT 3)
}
document.querySelector('input[name="date_input"]').addEventListener('input', (event) => {
regn57dage();
});
// Hent Dags Dato i US-format YYYY-MM-DD (PUNKT 2)
// new Date() -> Fri Sep 02 2022 11:22:33 GMT+0200 (Central European Summer Time)
// .toJSON() -> 2022-09-02T11:22:33.456Z
// .split('T') -> ['2022-09-02', '11:22:33.456Z']
// [0] -> '2022-09-02'
document.querySelector('input[name="date_input"]').value = new Date().toJSON().split('T')[0];
regn57dage(); // Vis anden dato, nu DD lige er sat
</script>