Tu código es correcto. Solo pon el `<script>` justo antes del `</body>`. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body> <input type="datetime-local" id="fecha"> <script> $(document).ready(function(){ $("#fecha").change(function(){ var hoy= new Date(); var fecha=$('#fecha').val(); var fechaFormulario=Date.parse(fecha); if (hoy <= fechaFormulario) { alert("Fecha a partir de hoy"); } else { alert("Fecha pasado"); } }); }); </script> </body> </html> Y yo te recomendaría controlar el evento `blur` en vez de `change`. De esta manera no te saltará el código antes de terminar de rellenar la fecha y la hora completamente. Aquí tienes el código funcional: https://codepen.io/anon/pen/dQddja