Impedire inserimento data di oggi e date passate

elpirata

elpirata

Utente Attivo
18 Mar 2009
264
7
18
Buonasera a tutti,
con jquery ho inserito un input box che al click del mouse mostra un calendario dove l'utente deve inserire la data di scadenza di un'ipotetica scadenza revisione ministeriale.

Questa la form

HTML: 
<div class="col-md-2">
    <div class="input-group">
        <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
            <input type="text" class="form-control" id="datepicker1" placeholder="Scadenza Revisione" name="dtscrev" autocomplete="off">
     </div>
</div>

Vorrei con poter disabilitare tutte le date antecedenti alla data di domani e successive di almeno tre giorni alla data odierna, per fare un esempio, quando si apre il datapicker l'utente come prima data utile può selezionare solo una data almeno 3 giorni successivi a quella odiena. (Oggi 28/07/2020, la prima data selezionabile dall'utente sarà quella del 01/08/2020), vorrei altresi, una volta selezionata la data che comparisse un alert all'utente dove gli viene chiesto "Confermi la scadenza della revisione ministeriale ?"

Un grazie anticipato a tutti gli utenti che mi potranno dare una mano.

P.S
Avevo provato questo codice, ma non funziona
 
Ho postato il thread nella sezione corretta ovvero jquery, chiedo a qualche amministratore la cortesia di eliminare lo stesso post dalla sezione javascript,

Mi scuso per l'accaduto e ringrazio anticipatamente.

:)
 
@elpirata
La prossima volta non aprire due discussioni! Se la sezione è sbagliata lo spostiamo noi
 
  • Like
Reactions: elpirata
Ops scusa... il codice era questo ma da quello che ho capito riguarda bootstrap e non funziona con jquery

JavaScript: 
$('#datepicker1').datepicker({
    format: 'dd/mm/yyyy',
    startDate: '+1d'
});
 
Questa è la sintassi che dovresti usare per settare la data di partenza ad oggi ad esempio (6 perchè anche se è luglio si parte da 0 con i mesi, quindi 6 invece di 7):
PHP: 
$('#datepicker1').datepicker({
    minDate: new Date(2020, 6, 28)
});
Quindi se vuoi fare in modo che la data minima sia tra 3 giorni, puoi provare così:
PHP: 
<?php
$anno = date("Y",strtotime("+4 days"));
$mese = date("m",strtotime("+4 days"))-1;
$giorno = date("j",strtotime("+4 days"));
?>
...
$('#datepicker1').datepicker({
    minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
});
 
Tommy03 ha scritto:
Questa è la sintassi che dovresti usare per settare la data di partenza ad oggi ad esempio (6 perchè anche se è luglio si parte da 0 con i mesi, quindi 6 invece di 7):
PHP: 
$('#datepicker1').datepicker({
    minDate: new Date(2020, 6, 28)
});
Quindi se vuoi fare in modo che la data minima sia tra 3 giorni, puoi provare così:
PHP: 
<?php
$anno = date("Y",strtotime("+4 days"));
$mese = date("m",strtotime("+4 days"))-1;
$giorno = date("j",strtotime("+4 days"));
?>
...
$('#datepicker1').datepicker({
    minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
});
Clicca per allargare...


Ciao Tommy03, anzitutto grazie per la risposta e per il supporto,
ho provato ad implementare il codice da te suggerito, ma non sortisce nessun effetto sul datepicker1 :(

PHP: 
<?php
$anno = date("Y",strtotime("+4 days"));
$mese = date("m",strtotime("+4 days"))-1;
$giorno = date("j",strtotime("+4 days"));
?>


<!-- SCRIPT CONTROLLO E VALORIZZAZIONE DATA REVISIONE-->
<script type="text/javascript">
$('#datepicker1').datepicker({
    minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
});
</script>


<form class="form" name="inscomm" method="post" id="modulo" action="index.php?page=salva_commessa" enctype="multipart/form-data">
<div class="form-container">

<div class="card-commesse">
  <div class="card-header">Anagrafica Cliente</div>
  <div class="card-block">

    <div class="row">
        <div class="col-md-2">
              <div class="input-group">
                <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
                <input type="text" class="form-control" id="datepicker" placeholder="Data Commessa" name="data" autocomplete="off" required>
              </div>
        </div>
        <div class="col-md-2">
              <div class="input-group">
                <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
                <input type="text" class="form-control" id="datepicker1" placeholder="Scadenza Revisione" name="dtscrev" autocomplete="off">
              </div>
        </div>
    </div>
 
Jquery lo hai incluso correttamente? Forse hai dimenticato di mettere:
HTML: 
$(document).ready(function(){
PHP: 
<?php
$anno = date("Y",strtotime("+4 days"));
$mese = date("m",strtotime("+4 days"))-1;
$giorno = date("j",strtotime("+4 days"));
?>


<!-- SCRIPT CONTROLLO E VALORIZZAZIONE DATA REVISIONE-->
<script type="text/javascript">
$(document).ready(function(){
$('#datepicker1').datepicker({
minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
});
});
</script>


<form class="form" name="inscomm" method="post" id="modulo" action="index.php?page=salva_commessa" enctype="multipart/form-data">
<div class="form-container">

<div class="card-commesse">
  <div class="card-header">Anagrafica Cliente</div>
  <div class="card-block">

    <div class="row">
        <div class="col-md-2">
              <div class="input-group">
                <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
                <input type="text" class="form-control" id="datepicker" placeholder="Data Commessa" name="data" autocomplete="off" required>
              </div>
        </div>
        <div class="col-md-2">
              <div class="input-group">
                <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
                <input type="text" class="form-control" id="datepicker1" placeholder="Scadenza Revisione" name="dtscrev" autocomplete="off">
              </div>
        </div>
    </div>
Se non funziona, per curiosità prova a fare una qualsiasi semplice azione con Jquery e dimmi se funziona
 
Onde evitare di portare te e chi successivamente legge questo thread fuori strada, ti posto il codice che viene incluso ad inizio pagina:


JavaScript: 
<!-- SCRIPT JS PER CALENDARIO DATA PICKER -->

<script type="text/javascript">
$(function(){
     $.datepicker.setDefaults( $.datepicker.regional[ "it" ] );
     $('.datepicker').datepicker();
});
</script>

<!-- SCRIPT CONTROLLO FORMATO KM VALORIZZARE IL FORM INPUT CON IL VALORE ONKEYUP-->

<script type="text/javascript">
    function VerificaKm(ele){
        var str=document.getElementById(ele.id).value;
        var filt=/^[0-9]+$/;
        if(!filt.test(str)) {alert('I km devono essere solo numeri');}
}
</script>

<!-- SCRIPT CONTROLLO FORMATO TARGA VALORIZZARE IL FORM INPUT CON IL VALORE ONKEYUP-->

<script type="text/javascript">
    function VerificaTarga(ele){
        var str=document.getElementById(ele.id).value;
        var filt=/^[a-zA-Z0-9]+$/;
        if(!filt.test(str)) {alert('La targa è composta da solo numeri e lettere');}
}
</script>

Mentre questa è la pagina che contiene il datepicker che non riesco a far funzionare :(

PHP: 
<script type="text/javascript"></script>
<?php include("js/cavicchi.js"); ?>

<?php
$anno = date("Y",strtotime("+4 days"));
$mese = date("m",strtotime("+4 days"))-1;
$giorno = date("j",strtotime("+4 days"));
?>

<!-- SCRIPT CONTROLLO E VALORIZZAZIONE DATA REVISIONE-->
<script type="text/javascript">
$(document).ready(function(){
$('#datepicker1').datepicker({
minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
});
});
</script>

<form class="form" name="inscomm" method="post" id="modulo" action="index.php?page=salva_commessa" enctype="multipart/form-data">
<div class="form-container">

<div class="card-commesse">
  <div class="card-header">Anagrafica Cliente</div>
  <div class="card-block">

    <div class="row">
        <div class="col-md-2">
              <div class="input-group">
                <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
                <input type="text" class="form-control" id="datepicker" placeholder="Data Commessa" name="data" autocomplete="off" required>
              </div>
        </div>
        <div class="col-md-2">
              <div class="input-group">
                <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
                <input type="text" class="form-control" id="datepicker1" placeholder="Scadenza Revisione" name="dtscrev" autocomplete="off">
              </div>
        </div>
    </div>
 
Tommy03 ha scritto:
L'input type dovrebbe essere date non text
Clicca per allargare...

mi cambia solo lo stile del calendario, considera che ho gia inserito circa 9000 commesse, adesso questa della revisione è un aggiunta per poter gestire le scadenze delle revisioni, il datepicker "Data Commesse" mostra correttamente il calendario, quando salvo la commessa passa tutti i dati correttamente alla query e vengono salvati nel database. Il problema mi è sorto sulla modifica che vorrei apportare al datepicker1 per evitare che vengano inserite date antecedenti alla data odierna ed almeno superiori di 3 giorni a quest'ultima, sto impazzendo e facendo impazzire anche voi :(
 
elpirata ha scritto:
<script type="text/javascript"> $(document).ready(function(){ $('#datepicker1').datepicker({ minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>) }); }); </script>
Clicca per allargare...
prova per curiosità a cambiare cosi:
HTML: 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#modulo").hide();
$('#datepicker1').datepicker({ minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>) }); 
});
 </script>
se il form non scompare significa che l'errore è nell'inclusione di jquery...
 
Tommy03 ha scritto:
prova per curiosità a cambiare cosi:
HTML: 
<script type="text/javascript">
$(document).ready(function(){
$("#modulo").hide();
$('#datepicker1').datepicker({ minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>) });
});
</script>
se il form non scompare significa che l'errore è nell'inclusione di jquery...
Clicca per allargare...

Ti confermo che il modulo non scompare e che a questo punto per davvero non so dove andar a prendere piede :(
 
ho riscritto così e sembra che funzioni, vedi se é consono alle tue aspettative,
ho lasciato un alert, se non dovesse essere visualizzato, c'é un errore nel codice js
PHP: 
<?php
$anno   = date("Y",strtotime("+4 days"));
$mese   = date("m",strtotime("+4 days"))-1;
$giorno = date("j",strtotime("+4 days"));
?>

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script type="text/javascript">
$(document).ready(function(){

alert('SONO QUI ! '+new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>));

/* JS PER CALENDARIO DATA PICKER */

    $(function(){
        $( "#datepicker" ).datepicker();
        $.datepicker.setDefaults( $.datepicker.regional[ "it" ] );
    });

    $(function(){
        $( "#datepicker1" ).datepicker();
        $.datepicker1.setDefaults( $.datepicker.regional[ "it" ] );
    });

/* CONTROLLO E VALORIZZAZIONE DATA REVISIONE */

    $('#datepicker1').datepicker({
        minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
    });

/* CONTROLLO FORMATO KM VALORIZZARE IL FORM INPUT CON IL VALORE ONKEYUP */

    function VerificaKm(ele){
        var str=document.getElementById(ele.id).value;
        var filt=/^[0-9]+$/;
        if(!filt.test(str)) {alert('I km devono essere solo numeri');}
    }

/* CONTROLLO FORMATO TARGA VALORIZZARE IL FORM INPUT CON IL VALORE ONKEYUP */

    function VerificaTarga(ele)
    {
        var str=document.getElementById(ele.id).value;
        var filt=/^[a-zA-Z0-9]+$/;
        if(!filt.test(str)) {alert('La targa è composta da solo numeri e lettere');}
    }
});
</script>

</head>
<body>

<form class="form" name="inscomm" method="post" id="modulo" action="index.php?page=salva_commessa" enctype="multipart/form-data">
  <div class="form-container">
    <div class="card-commesse">
      <div class="card-header">Anagrafica Cliente
      </div>
      <div class="card-block">
        <div class="row">
          <div class="col-md-2">
            <div class="input-group">
              <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
              <input type="text" class="form-control" id="datepicker" placeholder="Data Commessa" name="data" autocomplete="off" required>
            </div>
          </div>
          <div class="col-md-2">
            <div class="input-group">
              <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
              <input type="text" class="form-control" id="datepicker1" placeholder="Scadenza Revisione" name="dtscrev" autocomplete="off">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

</body>
</html>

1596020446075.png


1596020480309.png
 
  • Like
Reactions: elpirata and Tommy03
marino51 ha scritto:
ho riscritto così e sembra che funzioni, vedi se é consono alle tue aspettative,
ho lasciato un alert, se non dovesse essere visualizzato, c'é un errore nel codice js
PHP: 
<?php
$anno   = date("Y",strtotime("+4 days"));
$mese   = date("m",strtotime("+4 days"))-1;
$giorno = date("j",strtotime("+4 days"));
?>

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script type="text/javascript">
$(document).ready(function(){

alert('SONO QUI ! '+new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>));

/* JS PER CALENDARIO DATA PICKER */

    $(function(){
        $( "#datepicker" ).datepicker();
        $.datepicker.setDefaults( $.datepicker.regional[ "it" ] );
    });

    $(function(){
        $( "#datepicker1" ).datepicker();
        $.datepicker1.setDefaults( $.datepicker.regional[ "it" ] );
    });

/* CONTROLLO E VALORIZZAZIONE DATA REVISIONE */

    $('#datepicker1').datepicker({
        minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
    });

/* CONTROLLO FORMATO KM VALORIZZARE IL FORM INPUT CON IL VALORE ONKEYUP */

    function VerificaKm(ele){
        var str=document.getElementById(ele.id).value;
        var filt=/^[0-9]+$/;
        if(!filt.test(str)) {alert('I km devono essere solo numeri');}
    }

/* CONTROLLO FORMATO TARGA VALORIZZARE IL FORM INPUT CON IL VALORE ONKEYUP */

    function VerificaTarga(ele)
    {
        var str=document.getElementById(ele.id).value;
        var filt=/^[a-zA-Z0-9]+$/;
        if(!filt.test(str)) {alert('La targa è composta da solo numeri e lettere');}
    }
});
</script>

</head>
<body>

<form class="form" name="inscomm" method="post" id="modulo" action="index.php?page=salva_commessa" enctype="multipart/form-data">
  <div class="form-container">
    <div class="card-commesse">
      <div class="card-header">Anagrafica Cliente
      </div>
      <div class="card-block">
        <div class="row">
          <div class="col-md-2">
            <div class="input-group">
              <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
              <input type="text" class="form-control" id="datepicker" placeholder="Data Commessa" name="data" autocomplete="off" required>
            </div>
          </div>
          <div class="col-md-2">
            <div class="input-group">
              <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
              <input type="text" class="form-control" id="datepicker1" placeholder="Scadenza Revisione" name="dtscrev" autocomplete="off">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

</body>
</html>

Vedi l'allegato 7552

Vedi l'allegato 7553
Clicca per allargare...

Ciao Marino,
ho sostituito il tuo codice con il mio, mi è cambiato il layout del calendario e tra le altre cose è in lingua inglese. Il problema è che l'alert di test che mi hai lasciato non funziona, pertanto pur apparendo il calendario con un layout differente, non prende le funzioni per impedire inserimenti di date accidentali.
 
Mi sa che l'errore è nell'inclusione di Jquery... Prova a creare una semplice pagina di prova con questo codice, visualizzi l'alert?
PHP: 
<html>
<head>
<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> 
<script type="text/javascript">
$(document).ready(function(){

alert('prova');
});
</script>
</head>
<body>
<form class="form" name="inscomm" method="post" id="modulo" action="index.php?page=salva_commessa" enctype="multipart/form-data">
  <div class="form-container">
    <div class="card-commesse">
      <div class="card-header">Anagrafica Cliente
      </div>
      <div class="card-block">
        <div class="row">
          <div class="col-md-2">
            <div class="input-group">
              <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
              <input type="text" class="form-control" id="datepicker" placeholder="Data Commessa" name="data" autocomplete="off" required>
            </div>
          </div>
          <div class="col-md-2">
            <div class="input-group">
              <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
              <input type="text" class="form-control" id="datepicker1" placeholder="Scadenza Revisione" name="dtscrev" autocomplete="off">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

</body>
</html>
 
Tommy03 ha scritto:
Mi sa che l'errore è nell'inclusione di Jquery... Prova a creare una semplice pagina di prova con questo codice, visualizzi l'alert?
PHP: 
<html>
<head>
<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

alert('prova');
});
</script>
</head>
<body>
<form class="form" name="inscomm" method="post" id="modulo" action="index.php?page=salva_commessa" enctype="multipart/form-data">
  <div class="form-container">
    <div class="card-commesse">
      <div class="card-header">Anagrafica Cliente
      </div>
      <div class="card-block">
        <div class="row">
          <div class="col-md-2">
            <div class="input-group">
              <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
              <input type="text" class="form-control" id="datepicker" placeholder="Data Commessa" name="data" autocomplete="off" required>
            </div>
          </div>
          <div class="col-md-2">
            <div class="input-group">
              <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
              <input type="text" class="form-control" id="datepicker1" placeholder="Scadenza Revisione" name="dtscrev" autocomplete="off">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

</body>
</html>
Clicca per allargare...

Ho creato una pagina prova.php ed appena la eseguo compare correttamente l'alert con la scritta "prova" ed il tasto ok
 
Ok allora al posto dell'alert prova ad inserire il blocco di JavaScript di marino51 e poi aggiungi all'inizio del file le righe di php
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

otto9due
Impedire esecuzione diretta dei file
Risposte
7
Visite
1K
PHP
otto9due
otto9due
Giacomo Boccherini
Impedire la visualizzazione portrait per alcune mediaqueries
Risposte
1
Visite
2K
jQuery
Giacomo Boccherini
Giacomo Boccherini
T
[PHP] impedire un doppio INSERT INTO dopo reload della pagina
Risposte
3
Visite
2K
PHP
theseo
T
M
[PHP] Impedire di digitare determinati caratteri nell’input (controllo in tempo reale)
Risposte
4
Visite
2K
PHP
Max61
M
V
[HTML] impedire il ridimensionamento delle immagini zoom browser
Risposte
11
Visite
7K
HTML e CSS
vannone_il_grande
V
S
come impedire download diretto dei file ma non da pagina web
Risposte
0
Visite
2K
PHP
Sebastiano Gravina
S
Shyson
Impedire che il popup sparisca
Risposte
0
Visite
1K
Javascript
Shyson
Shyson
N
impedire invio dati form
Risposte
3
Visite
2K
jQuery
Akuma
Akuma
xone
Impedire di visualizzare pagine php incluse
Risposte
5
Visite
2K
PHP
xone
xone
radioButton
Impedire nuovo login se si è già loggati
Risposte
3
Visite
10K
PHP
radioButton
radioButton
F
impedire accesso phpmyadmin
Risposte
0
Visite
2K
PHP
Fabio90
F
F
impedire scroll verticale
Risposte
0
Visite
2K
Javascript
Fabio90
F
F
impedire scroll verticale jquery
Risposte
0
Visite
2K
Javascript
Fabio90
F
G
impedire accesso a cartella o file
Risposte
1
Visite
2K
Apache
powerflash
P
A
Impedire download files da siti web
Risposte
10
Visite
18K
CMS (Content Management System)
Giggiogì
G
R
Impedire l'accesso a una pagina dalla barra degli indirizzi
Risposte
27
Visite
9K
PHP
Rikardinho90
R
N
impedire accesso area riservata a utenti registrati
Risposte
3
Visite
3K
Database
alessandro1997
alessandro1997
B
[PHP] impedire download video
Risposte
12
Visite
11K
PHP
marlev
M
G
Impedire salvataggio pagina web
Risposte
5
Visite
5K
HTML e CSS
marco.carrieri
marco.carrieri
I
impedire ridimensionamento del browser
Risposte
1
Visite
4K
HTML e CSS
borgo italia
borgo italia
Alto Basso