Jump to content
carcleo

Bloquear digitação em campo date

Recommended Posts

carcleo

Tem como Bloquear digitação em campo date e manter a popup que carrega o calendário?

O problema é o seguinte:

<input type='date' id='data' name='data' max="<?php echo date('Y-m-d'); ?>" required  />

Adicionei data limite ao input date.

Quando o usuário escolhe no calendário a data, lá, as datas posteriores à data limite estão desativadas para a seleção. No entanto, se o usuário resolver digitar a data ao invés de escolhê-la no calendário, então ele conseguirá digitar uma data posterior à data limite.

Como contornar esse problema? 

Edited by carcleo

Share this post


Link to post
Share on other sites
M6

Coloca o campo como readonly.
Se estiveresa a usar Bootstrap creio que o componente do calendário já tem um parâmetro para isso.


10 REM Generation 48K!
20 INPUT "URL:", A$
30 IF A$(1 TO 4) = "HTTP" THEN PRINT "400 Bad Request": GOTO 50
40 PRINT "404 Not Found"
50 PRINT "./M6 @ Portugal a Programar."

 

Share this post


Link to post
Share on other sites
carcleo

Resolvi com jQuery.

$('[type="date"]').on("keydown", function() {
  event.preventDefault();
  return false;
});

readonly desabilita também o calendário do input type="date".

Edited by carcleo

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.