Impedire inserimento data di oggi e date passate

elpirata

Utente Attivo
18 Mar 2009
263
7
18
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>
 

Tommy03

Utente Attivo
6 Giu 2018
486
49
28
17
Bassano del Grappa (VI)
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>
 

elpirata

Utente Attivo
18 Mar 2009
263
7
18
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>
 

elpirata

Utente Attivo
18 Mar 2009
263
7
18

elpirata

Utente Attivo
18 Mar 2009
263
7
18
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
 

Tommy03

Utente Attivo
6 Giu 2018
486
49
28
17
Bassano del Grappa (VI)
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
 

elpirata

Utente Attivo
18 Mar 2009
263
7
18
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>
 

elpirata

Utente Attivo
18 Mar 2009
263
7
18
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>
 

Tommy03

Utente Attivo
6 Giu 2018
486
49
28
17
Bassano del Grappa (VI)
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
 

MarcoGrazia

Utente Attivo
15 Dic 2009
785
16
18
58
Udine
www.stilisticamente.com
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
 

elpirata

Utente Attivo
18 Mar 2009
263
7
18
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>
 

MarcoGrazia

Utente Attivo
15 Dic 2009
785
16
18
58
Udine
www.stilisticamente.com
@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

Utente Attivo
18 Mar 2009
263
7
18
@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();
   });