Impedire inserimento data di oggi e date passate

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

Ho scritto il codice in questo modo, come del resto da te suggerito, adesso mi compare l'alert "SONO QUI", ma il calendario comunque non fa quello che deve fare o meglio permette comunque di selezionare qualsiasi data:

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"));
?>

<!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" ] );
    });
});
</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>
      
ecc. ecc.

</div><!--Close Form Container-->
</form><!--Close Form-->
</body>
</html>
 
A me funziona:
Demo
Codice:
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(){

/* JS PER CALENDARIO DATA PICKER */

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

    $(function(){
        $('#datepicker1').datepicker({
minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
});
        $.datepicker1.setDefaults( $.datepicker.regional[ "it" ] );
    });
});
</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>
      
ecc. ecc.

</div><!--Close Form Container-->
</form><!--Close Form-->
</body>
</html>
 
Penso di aver individuato la pagina che crea problemi al tutto, non avendola realizzata io non saprei dove mettere le mani, perchè rischierei di non far funzionare più nulla, quindi provo a passarvi il codice perchè sono quasi sicuro al 100% che il problema si trova qua

HTML:
<?php
session_start();
include('inc/db.php');

if (!isset($_SESSION["logged"]) || $_SESSION["logged"] != 'admin') {
echo '<script language=javascript>document.location.href="logout.php"</script>';
die;
}
 
if (!isset($_GET['page'])) {
echo '<script language=javascript>document.location.href="logout.php"</script>';

}else{

/* RECUPERO LA VARIABILE GET PAGINA */
$page = addslashes($_GET['page']);

}
?>
<!doctype html>
<html lang="it">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Gestionale Officina">

    <title>Gestionale Officina</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/table.css" rel="stylesheet" media="screen" />
    <link href="css/home.css" rel="stylesheet" media="screen" />
    <link href="css/form.css" rel="stylesheet" media="screen" />
    <link href="css/font-awesome.min.css" rel="stylesheet" media="screen" />
    <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!--INIZIO SCRIPT-->
    <script type="text/javascript" src="js/somma.js"></script>
    <script type="text/javascript" src="js/datapicker.js"></script>
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.10.4.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-i18n.js"></script>
    <!--FINE SCRIPT-->

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script type="text/javascript" src="inc/jquery.ui.datepicker-it.js"></script>
    <script type="text/javascript" src="js/qcTimepicker.min.js"></script>
    <link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />

<script type="text/javascript">
   $(function() {
   var date = $('#datepicker').datepicker({ dateFormat: 'dd/mm/yy' }).val();
   var date = $('#datepicker1').datepicker({ dateFormat: 'dd/mm/yy' }).val();
   var date = $('#datepicker2').datepicker({ dateFormat: 'dd/mm/yy' }).val();
   });
</script>

<script type="text/javascript">
   $(document).ready(function() {
   $('.timepicker').qcTimepicker();
   });
</script>
</head>

<body>

    <!-- Page Content -->
    
    <div class="container white">
        <div class="header">
            <div class="logo"><a href="index.php?page=home">Gestionale Officina</a></div>
        </div>

        <div class="row">

        <?php require("page/$page.php"); ?>

        </div>

        <hr>

                <div class="footer">
                    <div class="footer-text">Officina &nbsp;|&nbsp; E-mail: [email protected] &nbsp;|&nbsp; P.iva 06536970650 <br />
                    Gestionale Officina - Copyright &copy; <?= date('Y'); ?> - All rights reserved.
                    </div>
                </div>
            
    </div>
    <!-- /.container -->

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

</body>
</html>
 
Ma perché la pagina del calendario non dovrebbe funzionare? Sono pagine distinte, giusto?

Si ma tutte le pagine dopo la login, in qualche modo dovrebbero essere influenzate da questo codice presente nella pagina index.php

PHP:
$page = addslashes($_GET['page']);

che a mio modestissimo avviso a questo punto secondo me crea una sorta di inclusione dell'html in tutte le pagine
 
Non capisco... io vedo due codici diversi..
<?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(){ /* JS PER CALENDARIO DATA PICKER */ $(function(){ $( "#datepicker" ).datepicker(); $.datepicker.setDefaults( $.datepicker.regional[ "it" ] ); }); $(function(){ $('#datepicker1').datepicker({ minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>) }); $.datepicker1.setDefaults( $.datepicker.regional[ "it" ] ); }); }); </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> ecc. ecc. </div><!--Close Form Container--> </form><!--Close Form--> </body> </html>
questo l'ho provato e ti assicuro che funziona
 
Non capisco... io vedo due codici diversi..

questo l'ho provato e ti assicuro che funziona

@Tommy03 tu hai perfettamente ragione e sono consapevole che il tuo codice funziona, potrei postarti altre 100 volte il codice della pagina
Codice:
http://localhost/sviluppo/index.php?page=inserisci_commessa
ma il risultato sarebbe sempre lo stesso, la mia pagina viene in qualche modo influenzata da altre pagine e non funziona il controllo sul calendario.

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"));
?>

<!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(){

/* JS PER CALENDARIO DATA PICKER */

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

    $(function(){
        $('#datepicker1').datepicker({
minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
});
        $.datepicker1.setDefaults( $.datepicker.regional[ "it" ] );
    });
});
</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>
      
      <hr>
    
    <div class="row">
        <div class="col-md-4">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-user" aria-hidden="true"></i></span>
                <input type="text" class="form-control" aria-hidden="true" name="cliente" placeholder="Nome Cognome Cliente" required>
              </div>
        </div>
        
        <div class="col-md-4">
              <div class="input-group">
                <span class="input-group-addon"><i class="fas fa-map-marker-alt" aria-hidden="true"></i></span>
                <input type="text" class="form-control" name="indirizzo" placeholder="Indirizzo">
              </div>
        </div>   

        <div class="col-md-4">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-phone" aria-hidden="true"></i></span>
                <input type="text" class="form-control" name="tel" placeholder="Telefono" required>
              </div>
        </div>   
    </div>     
</div>
</div> <!--Close Div Anagrafica Cliente-->


<div class="card-commesse">
  <div class="card-header">Gestione Allegati</div>
  <div class="card-block">

    <div class="row">
        
        <div class="col-md-4">
            <label class="control-label">Allegato 1</label>
            <input id="allegato1" name="allegato1" type="file" class="file file-loading" data-allowed-file-extensions='["pdf", "xls", "xlsx", "doc", "docx" ]'>
        </div>


        <div class="col-md-4">
            <label class="control-label">Allegato 2</label>
            <input id="allegato2" name="allegato2" type="file" class="file file-loading" data-allowed-file-extensions='["pdf", "xls", "xlsx", "doc", "docx" ]'>
        </div>

        <div class="col-md-4">
            <label class="control-label">Allegato 3</label>
            <input id="allegato3" name="allegato3" type="file" class="file file-loading" data-allowed-file-extensions='["pdf", "xls", "xlsx", "doc", "docx" ]'>
        </div>       

    </div>
    
</div>
</div><!--Close Div Gestione Allegati-->

    <div class="text-right">
        <button type="submit" class="btn btn-success right" onclick="return confirm('Vuoi registrare la commessa ?')">Registra commessa</button>
    </div>
      
</div><!--Close Form Container-->
</form><!--Close Form-->
</body>
</html>
 
Ho testato il tuo codice completo togliendo l'include di cavicchi.js e funziona... A questo punto il problema è in cavicchi.js puoi postare il codice?
 
Ho testato il tuo codice completo togliendo l'include di cavicchi.js e funziona... A questo punto il problema è in cavicchi.js puoi postare il codice?

Ecco a te il codice

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>

<!-- SCRIPT ANDREA CAVICCHI HTML.IT -->

<script type="text/javascript">
$(document).ready(function(){
var regex = /^(.*)(\d)+$/i;
var cindex = 1;
    
    $('body').on('click', '.add', function() {
    cindex++;
    
    if(cindex<=15){
    var newRow = '<tr class="righe"><td><input type="text" name="itr'+cindex+'" id="itr'+cindex+'" class="t1" size="30" placeholder="Max 49 caratteri" maxlength="49"></td><td><input type="text" name="for'+cindex+'" id="for'+cindex+'" class="t1" size="10"></td><td><input type="text" name="q'+cindex+'" class="t2 somma" id="q'+cindex+'" size="3" value="0.0" onkeyup="SommaRiga('+cindex+')" placeholder="0"></td><td><input type="text" name="iu'+cindex+'" class="t2 somma"  onBlur="Format('+cindex+')" onkeyup="SommaRiga('+cindex+')" id="iu'+cindex+'" size="6" value="0.00" placeholder="0.00"></td><td><input type="text" name="sc'+cindex+'" class="t2 somma" onkeyup="Virgola('+cindex+')" id="sc'+cindex+'" size="8" value="0.0" placeholder="sconto"></td><td><input type="text" name="imp_'+cindex+'" id="imp_'+cindex+'" class="t2 somma" size="8" value="0.0" placeholder="0.00" readonly></td><td><img src="images/add.png" name="add1" width="16" height="16" id="add'+cindex+'" class="add"></td></tr>'
    $("#commessa tbody tr").eq((cindex-1)).after(newRow)
    }else{
    alert('Non puoi inserire più di 15 righe');
    return false;
    }
        $('.add').not(':last').addClass( 'addisable' ).removeClass( 'add' )
        }).on('focus','.somma', function(){
    $(this).not('input[name^="imp_"]').val('')
    })
});
function Format(ele){
    var valore = ($("#iu"+ele).val()*1)
    $("#iu"+ele).val(valore.toFixed(2))
}

function Virgola(nele){
    var cambia = $("#sc"+nele).val().replace(/\,/g,'.')
    $("#sc"+nele).val(cambia)
    SommaRiga(nele)
}

function SommaRiga(num){
var tot = 0
    var qt = $("#q"+num).val()
    var unitario = $("#iu"+num).val()
    var sc = $("#sc"+num).val()
    var Tot = (qt*1*unitario*1)
    var impsc = (Tot/100*sc)
    var somma = (Tot-impsc)
    if(somma>0){
        $("#imp_"+num).val(somma.toFixed(2))
    }else{
        $("#imp_"+num).val('')
        $("#iu"+num).val('')
    }
    var elem = $('input[name^="imp_"]')
    for(i=0; i<elem.length;i++) {
    tot += (elem.eq(i).val()*1)
    };
    $("#totale").val(tot.toFixed(2))
    //alert(num)
}
</script>

<style type="text/css">
.add{cursor:pointer;}
.addisable{opacity:0.5;}
.remove{cursor:pointer; visibility:visible;}
.removedisable{visibility:hidden;}
.uppercase{border:#999 1px solid;}
#totale{font-weight: bold;border: 1px groove #900;}
</style>
 
A me funziona sempre...
Codice datepicker.php:
PHP:
<script type="text/javascript"></script>
<?php include("cavicchi.js");?>
<?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(){

/* JS PER CALENDARIO DATA PICKER */

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

    $(function(){
        $('#datepicker1').datepicker({
minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
});
        $.datepicker1.setDefaults( $.datepicker.regional[ "it" ] );
    });
});
</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>
      
      <hr>
    
    <div class="row">
        <div class="col-md-4">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-user" aria-hidden="true"></i></span>
                <input type="text" class="form-control" aria-hidden="true" name="cliente" placeholder="Nome Cognome Cliente" required>
              </div>
        </div>
        
        <div class="col-md-4">
              <div class="input-group">
                <span class="input-group-addon"><i class="fas fa-map-marker-alt" aria-hidden="true"></i></span>
                <input type="text" class="form-control" name="indirizzo" placeholder="Indirizzo">
              </div>
        </div>   

        <div class="col-md-4">
              <div class="input-group">
                <span class="input-group-addon"><i class="fa fa-phone" aria-hidden="true"></i></span>
                <input type="text" class="form-control" name="tel" placeholder="Telefono" required>
              </div>
        </div>   
    </div>     
</div>
</div> <!--Close Div Anagrafica Cliente-->


<div class="card-commesse">
  <div class="card-header">Gestione Allegati</div>
  <div class="card-block">

    <div class="row">
        
        <div class="col-md-4">
            <label class="control-label">Allegato 1</label>
            <input id="allegato1" name="allegato1" type="file" class="file file-loading" data-allowed-file-extensions='["pdf", "xls", "xlsx", "doc", "docx" ]'>
        </div>


        <div class="col-md-4">
            <label class="control-label">Allegato 2</label>
            <input id="allegato2" name="allegato2" type="file" class="file file-loading" data-allowed-file-extensions='["pdf", "xls", "xlsx", "doc", "docx" ]'>
        </div>

        <div class="col-md-4">
            <label class="control-label">Allegato 3</label>
            <input id="allegato3" name="allegato3" type="file" class="file file-loading" data-allowed-file-extensions='["pdf", "xls", "xlsx", "doc", "docx" ]'>
        </div>       

    </div>
    
</div>
</div><!--Close Div Gestione Allegati-->

    <div class="text-right">
        <button type="submit" class="btn btn-success right" onclick="return confirm('Vuoi registrare la commessa ?')">Registra commessa</button>
    </div>
      
</div><!--Close Form Container-->
</form><!--Close Form-->
</body>
</html>
Codice cavicchi.js (dovrebbe avere estensione html dato che contiene anche css...):
PHP:
<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>

<!-- SCRIPT ANDREA CAVICCHI HTML.IT -->

<script type="text/javascript">
$(document).ready(function(){
var regex = /^(.*)(\d)+$/i;
var cindex = 1;
    
    $('body').on('click', '.add', function() {
    cindex++;
    
    if(cindex<=15){
    var newRow = '<tr class="righe"><td><input type="text" name="itr'+cindex+'" id="itr'+cindex+'" class="t1" size="30" placeholder="Max 49 caratteri" maxlength="49"></td><td><input type="text" name="for'+cindex+'" id="for'+cindex+'" class="t1" size="10"></td><td><input type="text" name="q'+cindex+'" class="t2 somma" id="q'+cindex+'" size="3" value="0.0" onkeyup="SommaRiga('+cindex+')" placeholder="0"></td><td><input type="text" name="iu'+cindex+'" class="t2 somma"  onBlur="Format('+cindex+')" onkeyup="SommaRiga('+cindex+')" id="iu'+cindex+'" size="6" value="0.00" placeholder="0.00"></td><td><input type="text" name="sc'+cindex+'" class="t2 somma" onkeyup="Virgola('+cindex+')" id="sc'+cindex+'" size="8" value="0.0" placeholder="sconto"></td><td><input type="text" name="imp_'+cindex+'" id="imp_'+cindex+'" class="t2 somma" size="8" value="0.0" placeholder="0.00" readonly></td><td><img src="images/add.png" name="add1" width="16" height="16" id="add'+cindex+'" class="add"></td></tr>'
    $("#commessa tbody tr").eq((cindex-1)).after(newRow)
    }else{
    alert('Non puoi inserire più di 15 righe');
    return false;
    }
        $('.add').not(':last').addClass( 'addisable' ).removeClass( 'add' )
        }).on('focus','.somma', function(){
    $(this).not('input[name^="imp_"]').val('')
    })
});
function Format(ele){
    var valore = ($("#iu"+ele).val()*1)
    $("#iu"+ele).val(valore.toFixed(2))
}

function Virgola(nele){
    var cambia = $("#sc"+nele).val().replace(/\,/g,'.')
    $("#sc"+nele).val(cambia)
    SommaRiga(nele)
}

function SommaRiga(num){
var tot = 0
    var qt = $("#q"+num).val()
    var unitario = $("#iu"+num).val()
    var sc = $("#sc"+num).val()
    var Tot = (qt*1*unitario*1)
    var impsc = (Tot/100*sc)
    var somma = (Tot-impsc)
    if(somma>0){
        $("#imp_"+num).val(somma.toFixed(2))
    }else{
        $("#imp_"+num).val('')
        $("#iu"+num).val('')
    }
    var elem = $('input[name^="imp_"]')
    for(i=0; i<elem.length;i++) {
    tot += (elem.eq(i).val()*1)
    };
    $("#totale").val(tot.toFixed(2))
    //alert(num)
}
</script>

<style type="text/css">
.add{cursor:pointer;}
.addisable{opacity:0.5;}
.remove{cursor:pointer; visibility:visible;}
.removedisable{visibility:hidden;}
.uppercase{border:#999 1px solid;}
#totale{font-weight: bold;border: 1px groove #900;}
</style>
Dimostrazione:
Demo
 
Io uso questo questo codice preso dal manuale di jQuery che sta sul sito:
JavaScript:
//    Calendario
       calendario.datepicker( $.datepicker.regional[ "it" ] );
       calendario.datepicker(
                    "option", 
                    {
                        minDate: 0,
                        dateFormat: "yy-mm-dd",
                        autoSize: true,
                        beforeShowDay: function( date )
                        {
                            var d = date.getDay();
                            return [d != 0, ""];
                            // 1=lun, 2=mar, ecc.. elimina o aggiungi con && i giorni che vuoi disabilitare
                            // oppure con || così [d==1 || d==2,""] per definire i soli giorni abilitati
                        }
                    }
          );
Per ottente un calendario che non mi permette di andare indietro nei mesi e mi escluda tutte le domeniche.
Come si vede dall'immagine che allego.
Clipboard01.jpg
 
Io uso questo questo codice preso dal manuale di jQuery che sta sul sito:
JavaScript:
//    Calendario
       calendario.datepicker( $.datepicker.regional[ "it" ] );
       calendario.datepicker(
                    "option",
                    {
                        minDate: 0,
                        dateFormat: "yy-mm-dd",
                        autoSize: true,
                        beforeShowDay: function( date )
                        {
                            var d = date.getDay();
                            return [d != 0, ""];
                            // 1=lun, 2=mar, ecc.. elimina o aggiungi con && i giorni che vuoi disabilitare
                            // oppure con || così [d==1 || d==2,""] per definire i soli giorni abilitati
                        }
                    }
          );
Per ottente un calendario che non mi permette di andare indietro nei mesi e mi escluda tutte le domeniche.
Come si vede dall'immagine che allego.
Vedi l'allegato 7571

Per quanto riguarda il mio codice l'opzione che gestisce le date l'ho individuata in questa parte di codice,
adesso dovrei solo comprendere come passare l'opzione che non permetta di inserire date antecedenti a
quella odierna al
JavaScript:
<script type="text/javascript">

[CODE=javascript]<script type="text/javascript">var date = $('#datepicker2').datepicker({ dateFormat: 'dd/mm/yy' }).val();</script>

JavaScript:
<script type="text/javascript">
   $(function() {
   var date = $('#datepicker').datepicker({ dateFormat: 'dd/mm/yy' }).val();
   var date = $('#datepicker1').datepicker({ dateFormat: 'dd/mm/yy' }).val();
   var date = $('#datepicker2').datepicker({ dateFormat: 'dd/mm/yy' }).val();
   });
</script>
 
@elpirata te l'avevo scritto, quel pezzo di codice mi impedisce di mostrare certi giorni e non permette di mandare indietro il calendario rispetto al giorno. Come puoi vedere dalla foto che ho allegata.
Lo uso per una agenda appuntamenti in cui non voglio che qualcuno prenda un appuntamento per ieri.
Nel codice uso minDate: 0 che significa, non rendere cliccabili le date minori a quella di oggi.
 
@elpirata te l'avevo scritto, quel pezzo di codice mi impedisce di mostrare certi giorni e non permette di mandare indietro il calendario rispetto al giorno. Come puoi vedere dalla foto che ho allegata.
Lo uso per una agenda appuntamenti in cui non voglio che qualcuno prenda un appuntamento per ieri.
Nel codice uso minDate: 0 che significa, non rendere cliccabili le date minori a quella di oggi.

Ciao @MarcoGrazia,
l'unica cosa, come si implementa il minDate da te proposto in questa function ?

JavaScript:
   $(function() {
   var date = $('#datepicker').datepicker({ dateFormat: 'dd/mm/yy' }).val();
   var date = $('#datepicker1').datepicker({ dateFormat: 'dd/mm/yy' }).val();
   var date = $('#datepicker2').datepicker({ dateFormat: 'dd/mm/yy' }).val();
   });
 

Discussioni simili