Ha egy űrlap mező értéke dátum, akkor a hibás felhasználói adatbevitel elkerülése érdekében egy datepickert kell alkalmazni, valamint az űrlap beviteli mező szerkeszthetőségét le kell tiltani:
<head> //a head szekcióba helyeztem el a naptár szkript útvonalát, illetve a css-t (A script itt érhető el)
<link rel="stylesheet" href="/naptar_script/jquery-ui.css">
<script src="/naptar_script/jquery-1.10.2.js"></script>
<script src="/naptar_script/jquery-ui.js"></script>
<script> $(function() { $( "#datepicker" ).datepicker({ dateFormat: "yy-mm-dd" }); }); </script>
</head>
<form method="post" action="" > <!-- A form html kódja pedig ez -->
<input type="text" name="het_kezdete" id="datepicker" placeholder="Klikk ide a nap választáshoz" readonly='true' required><br/><br/>
<input type="submit" name="submit" value="Mehet" />
</form>
Így néz ki: