Input date - csak a következő naptól, Segítség!

Input date - csak a következő naptól, Segítség!
2019-08-27T18:00:49+02:00
2019-08-27T19:16:22+02:00
2022-12-06T02:51:05+01:00
hrvsys
Sziasztok!

Egy HTML form-ban az input date mezőre azt a tulajdonságot szeretném ráhúzni, hogy mindig csak a következő naptól lehessen dátumot választani, aznapi és korábbi dátumkiválasztás ne legyen elérhető. Van erre ötlete valakinek? Csak javascript vagy Jquery jöhet szóba vagy az alap 'min' értékkel is meg lehet oldani?

Előre is köszi!
Mutasd a teljes hozzászólást!
Szia!
html:

<input type="date" id="date">
js:

function zerofill (num,zeros) { return num.toLocaleString("en", {minimumIntegerDigits:zeros,useGrouping:false}) } function zerofill2 (num) { return zerofill(num,2); } function zerofill4 (num) { return zerofill(num,4); } var date = new Date(), year = zerofill4(date.getFullYear()), month = zerofill2(date.getMonth()+1), day = zerofill2(date.getDate()+1), element = document.querySelector("#date"); element.setAttribute("min",year + "-" + month + "-" + day);
Mutasd a teljes hozzászólást!

  • Az MDN doksi világosan leírja, hogy ha a "min" attribútum értéke nem yyyy-MM-dd formátumú dátum, akkor nem veszi figyelembe az értéket. Innentől valahogy dinamikusan kell kitöltened, ami lehet szerver oldalon (eleve a jó "min" attribútummal írod ki az elemet) vagy kliens oldalon (betöltés után/közben veszed a kliens oldali aktuális dátumot, és kitöltöd vele a "min" attribútumot).
    Mutasd a teljes hozzászólást!
  • Szia!
    html:

    <input type="date" id="date">
    js:

    function zerofill (num,zeros) { return num.toLocaleString("en", {minimumIntegerDigits:zeros,useGrouping:false}) } function zerofill2 (num) { return zerofill(num,2); } function zerofill4 (num) { return zerofill(num,4); } var date = new Date(), year = zerofill4(date.getFullYear()), month = zerofill2(date.getMonth()+1), day = zerofill2(date.getDate()+1), element = document.querySelector("#date"); element.setAttribute("min",year + "-" + month + "-" + day);
    Mutasd a teljes hozzászólást!
  • A JS-t lehet rövidebben is 

    var dateStr = new Date().toISOString().slice(0,10); var element = document.querySelector("#date"); element.setAttribute("min", dateStr);
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd