Impedire inserimento data di oggi e date passate

elpirata

Utente Attivo
18 Mar 2009
264
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
616
58
28
20
Vicenza
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
264
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
264
7
18

elpirata

Utente Attivo
18 Mar 2009
264
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
616
58
28
20
Vicenza
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
264
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>
 

Tommy03

Utente Attivo
6 Giu 2018
616
58
28
20
Vicenza
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?
 

elpirata

Utente Attivo
18 Mar 2009
264
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
616
58
28
20
Vicenza
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
852
20
28
62
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
264
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
852
20
28
62
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
264
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();
   });
 
Discussioni simili
Autore Titolo Forum Risposte Data
otto9due Impedire esecuzione diretta dei file PHP 7
Giacomo Boccherini Impedire la visualizzazione portrait per alcune mediaqueries jQuery 1
T [PHP] impedire un doppio INSERT INTO dopo reload della pagina PHP 3
M [PHP] Impedire di digitare determinati caratteri nell’input (controllo in tempo reale) PHP 4
V [HTML] impedire il ridimensionamento delle immagini zoom browser HTML e CSS 11
S come impedire download diretto dei file ma non da pagina web PHP 0
Shyson Impedire che il popup sparisca Javascript 0
N impedire invio dati form jQuery 3
xone Impedire di visualizzare pagine php incluse PHP 5
radioButton Impedire nuovo login se si è già loggati PHP 3
F impedire accesso phpmyadmin PHP 0
F impedire scroll verticale Javascript 0
F impedire scroll verticale jquery Javascript 0
G impedire accesso a cartella o file Apache 1
A Impedire download files da siti web CMS (Content Management System) 10
R Impedire l'accesso a una pagina dalla barra degli indirizzi PHP 27
N impedire accesso area riservata a utenti registrati Database 3
B [PHP] impedire download video PHP 12
G Impedire salvataggio pagina web HTML e CSS 5
I impedire ridimensionamento del browser HTML e CSS 1
Matt89 Impedire lo spam! PHP 2
M impedire al browser di mettere pagine in cache PHP 1
F come impedire la riproduzione ad ogni cambio pagina? Flash 4
P Impedire l'accesso ad un determinato Host HTML e CSS 2
M Impedire modifiche nelle maschere MS Access 0
K Inserimento query Errore 1366 PHP 4
K form Inserimento record mysql PHP 2
Lino80 [Retribuito] Cerco programmatore php per modifica/inserimento funzione/valori da un plugin importer wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
C inserimento gestionale sotto Word Press WordPress 0
D Inserimento video mp4 HTML e CSS 0
L inserimento form dati multipli ? PHP 0
G Appicazione HTML per inserimento dai in Database Access Microsoft HTML e CSS 0
J Form inserimento dati in database Ajax 1
D modificare questo codice per inserimento in text e non in tabella jQuery 1
R [C#] Automatizzare un inserimento di un Post su un Gruppo Facebook .NET Framework 0
M Aiuto con inserimento immagini WordPress 6
A Inserimento dati nel database tramite form + altre operazioni PHP 18
W Email conferma inserimento Classic ASP 0
S Inserimento multiplo non richiesto PHP 2
P inserimento icone social tramite html HTML e CSS 1
L form multipla php sql,errore in inserimento MySQL 0
Alex_70 Inserimento dati a cascata PHP 204
T Da xsd a xml ed inserimento dati in excel XML 0
M Problema inserimento parole con apostrofo nel db PHP 5
C [RISOLTO]Inserimento variabile php in input html PHP 20
P Access Inserimento data. MS Access 4
L Inserimento dettagli in una maglia Photoshop 2
S [PHP] email con inserimento dati nel database PHP 23
beatle [Photoshop] problema inserimento immagini Photoshop 1
G [Javascript] Errore inserimento dati Backend Node.js e workbench Javascript 1

Discussioni simili