klasss Posted January 16, 2022 at 05:42 PM Report Share #625224 Posted January 16, 2022 at 05:42 PM Olá a todos, Estou a aperfeiçoar pequenos coisas no meu projeto e gostaria de saber se é possivel limitar o date 2 com a informação do date 1 . Exemplo pratico : Date1 recebe a data inicial de férias e o Date 2 nunca poderá ser inferior ao date1 Neste momento a unica opção que tenho é pedir para inserir duas datas da seguinte forma : <label>Data de Inicio</label> <input type="date" class="form-control" id="data_inicio" name="data_inicio" placeholder="" aria-describedby="basic-addon1"> <label>Data de Fim</label> <input type="date" class="form-control" id="data_fim" name="data_fim" placeholder="" aria-describedby="basic-addon1"> Link to comment Share on other sites More sharing options...
eSkiSo Posted January 16, 2022 at 09:37 PM Report Share #625225 Posted January 16, 2022 at 09:37 PM Tens de adicionar um evento (com jQuery por exemplo) que ao escolher a data_fim compare se é maior que a data_incio, e o mesmo ao contrário, tens alguns exemplos aqui https://stackoverflow.com/questions/833997/validate-that-end-date-is-greater-than-start-date-with-jquery Os meus programas em http://www.eskiso.net Link to comment Share on other sites More sharing options...
Cerzedelo Posted January 17, 2022 at 10:08 AM Report Share #625226 Posted January 17, 2022 at 10:08 AM 16 horas atrás, klasss disse: Olá a todos, Estou a aperfeiçoar pequenos coisas no meu projeto e gostaria de saber se é possivel limitar o date 2 com a informação do date 1 . Exemplo pratico : Date1 recebe a data inicial de férias e o Date 2 nunca poderá ser inferior ao date1 Neste momento a unica opção que tenho é pedir para inserir duas datas da seguinte forma : <label>Data de Inicio</label> <input type="date" class="form-control" id="data_inicio" name="data_inicio" placeholder="" aria-describedby="basic-addon1"> <label>Data de Fim</label> <input type="date" class="form-control" id="data_fim" name="data_fim" placeholder="" aria-describedby="basic-addon1"> Pode usar um plugin do jquery de nome pignose calendar que lhe permite fazer o que pretende. https://www.pigno.se/barn/PIGNOSE-Calendar/ Link to comment Share on other sites More sharing options...
Zex Posted January 18, 2022 at 06:42 PM Report Share #625249 Posted January 18, 2022 at 06:42 PM Em 16/01/2022 às 18:42, klasss disse: limitar o date 2 com a informação do date 1 . <html> <head> </head> <script> function $id (id) { var res = document.getElementById(id); if (res==null) alert("$id: id not found: "+id); return( res ); } function testar_datas() { var d1 = $id('data_inicio').value var d2 = $id('data_fim').value if ( d1 == '' || d2 == '' ) alert('datas não preenchidas') else if (d2 < d1 ) alert('datas ilegais') else alert('datas OK') } </script> <body> <label>Data de Inicio</label> <input type="date" class="form-control" id="data_inicio" name="data_inicio" placeholder="" aria-describedby="basic-addon1"> <label>Data de Fim</label> <input type="date" class="form-control" id="data_fim" name="data_fim" placeholder="" aria-describedby="basic-addon1"> <button onclick="testar_datas()"> testar datas </button> </body> Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now