• Home
  • Forum
  • Fare Web
  • Javascript
  • jQuery

Impedire inserimento data di oggi e date passate

  • Creatore Discussione Creatore Discussione elpirata
  • Data di inizio Data di inizio 28 Lug 2020
Prec.
  • 1
  • 2
Primo Prec. 2 di 2

elpirata

Utente Attivo
18 Mar 2009
264
7
18
  • 29 Lug 2020
  • #21
Tommy03 ha scritto:
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
Clicca per allargare...

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
614
58
28
21
Vicenza
  • 29 Lug 2020
  • #22
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
  • 30 Lug 2020
  • #23
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: info@officina.com &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>
 

Tommy03

Utente Attivo
6 Giu 2018
614
58
28
21
Vicenza
  • 30 Lug 2020
  • #24
Ma questa che pagina è?? La includi nell'altra
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
  • 30 Lug 2020
  • #25
Tommy03 ha scritto:
Ma questa che pagina è?? La includi nell'altra
Clicca per allargare...

Tutto le altre pagine, come origine hanno questa, infatti il link di navigazione è di questo tipo:

Pagina iniziale di login
http://localhost/sviluppo/login.php

Pagina dove si viene reinderizzati dopo il login
http://localhost/sviluppo/index.php?page=home

Pagina di inserimento commesse
http://localhost/sviluppo/index.php?page=inserisci_commessa

ecc. ecc.
 

Tommy03

Utente Attivo
6 Giu 2018
614
58
28
21
Vicenza
  • 30 Lug 2020
  • #26
Ma perché la pagina del calendario non dovrebbe funzionare? Sono pagine distinte, giusto?
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
  • 30 Lug 2020
  • #27
Tommy03 ha scritto:
Ma perché la pagina del calendario non dovrebbe funzionare? Sono pagine distinte, giusto?
Clicca per allargare...

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
614
58
28
21
Vicenza
  • 30 Lug 2020
  • #28
Non capisco... io vedo due codici diversi..
Tommy03 ha scritto:
<?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>
Clicca per allargare...
questo l'ho provato e ti assicuro che funziona
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
  • 30 Lug 2020
  • #29
Tommy03 ha scritto:
Non capisco... io vedo due codici diversi..

questo l'ho provato e ti assicuro che funziona
Clicca per allargare...

@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
614
58
28
21
Vicenza
  • 30 Lug 2020
  • #30
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
  • 30 Lug 2020
  • #31
Tommy03 ha scritto:
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?
Clicca per allargare...

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
614
58
28
21
Vicenza
  • 30 Lug 2020
  • #32
elpirata ha scritto:
<script type="text/javascript"> $(function(){ $.datepicker.setDefaults( $.datepicker.regional[ "it" ] ); $('.datepicker').datepicker(); }); </script>
Clicca per allargare...
prova a cancellare questo dato che sembra l'unica cosa che c'entra e quel codice c'è già scritto sull'index
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
  • 31 Lug 2020
  • #33
Tommy03 ha scritto:
prova a cancellare questo dato che sembra l'unica cosa che c'entra e quel codice c'è già scritto sull'index
Clicca per allargare...

Purtroppo non funziona
 

Tommy03

Utente Attivo
6 Giu 2018
614
58
28
21
Vicenza
  • 31 Lug 2020
  • #34
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
853
21
28
63
Udine
www.stilisticamente.com
  • 4 Ago 2020
  • #35
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.
 

elpirata

Utente Attivo
18 Mar 2009
264
7
18
  • 4 Ago 2020
  • #36
MarcoGrazia ha scritto:
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
Clicca per allargare...

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>
 

Tommy03

Utente Attivo
6 Giu 2018
614
58
28
21
Vicenza
  • 4 Ago 2020
  • #37
elpirata ha scritto:
adesso dovrei solo comprendere come passare l'opzione che non permetta di inserire date antecedenti a
quella odierna
Clicca per allargare...
Tommy03 ha scritto:
minDate: new Date(<?php echo $anno;?>, <?php echo $mese;?>, <?php echo $giorno;?>)
Clicca per allargare...
Aggiungi questo, a me funziona
 

MarcoGrazia

Utente Attivo
15 Dic 2009
853
21
28
63
Udine
www.stilisticamente.com
  • 4 Ago 2020
  • #38
@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
  • 4 Ago 2020
  • #39
MarcoGrazia ha scritto:
@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.
Clicca per allargare...

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();
   });
 

MarcoGrazia

Utente Attivo
15 Dic 2009
853
21
28
63
Udine
www.stilisticamente.com
  • 19 Ago 2020
  • #40
Non lo implementi, non in quel modo.
Cioè non capisco cosa vuoi fare, date deve contenere il dato?
Perché vedi il val() alla fine serve a prendere scritto così.
 
Prec.
  • 1
  • 2
Primo Prec. 2 di 2
Devi accedere o registrarti per poter rispondere.

Discussioni simili

Impedire esecuzione diretta dei file
  • otto9due
  • 31 Gen 2022
  • PHP
Risposte
7
Visite
1K
PHP 4 Feb 2022
otto9due
Impedire la visualizzazione portrait per alcune mediaqueries
  • Giacomo Boccherini
  • 10 Lug 2019
  • jQuery
Risposte
1
Visite
2K
jQuery 10 Lug 2019
Giacomo Boccherini
T
[PHP] impedire un doppio INSERT INTO dopo reload della pagina
  • theseo
  • 15 Feb 2018
  • PHP
Risposte
3
Visite
2K
PHP 17 Feb 2018
theseo
T
M
[PHP] Impedire di digitare determinati caratteri nell’input (controllo in tempo reale)
  • Max61
  • 30 Mar 2017
  • PHP
Risposte
4
Visite
2K
PHP 27 Ott 2017
Max61
M
V
[HTML] impedire il ridimensionamento delle immagini zoom browser
  • vannone_il_grande
  • 24 Set 2016
  • HTML e CSS
Risposte
11
Visite
7K
HTML e CSS 26 Set 2016
vannone_il_grande
V
S
come impedire download diretto dei file ma non da pagina web
  • Sebastiano Gravina
  • 2 Feb 2016
  • PHP
Risposte
0
Visite
2K
PHP 2 Feb 2016
Sebastiano Gravina
S
Impedire che il popup sparisca
  • Shyson
  • 2 Giu 2015
  • Javascript
Risposte
0
Visite
1K
Javascript 2 Giu 2015
Shyson
N
impedire invio dati form
  • nataw
  • 29 Apr 2015
  • jQuery
Risposte
3
Visite
2K
jQuery 17 Mag 2015
Akuma
Impedire di visualizzare pagine php incluse
  • xone
  • 31 Dic 2014
  • PHP
Risposte
5
Visite
2K
PHP 2 Gen 2015
xone
Impedire nuovo login se si è già loggati
  • radioButton
  • 9 Apr 2014
  • PHP
Risposte
3
Visite
10K
PHP 12 Apr 2014
radioButton
F
impedire accesso phpmyadmin
  • Fabio90
  • 20 Mar 2014
  • PHP
Risposte
0
Visite
2K
PHP 20 Mar 2014
Fabio90
F
F
impedire scroll verticale
  • Fabio90
  • 21 Gen 2014
  • Javascript
Risposte
0
Visite
2K
Javascript 21 Gen 2014
Fabio90
F
F
impedire scroll verticale jquery
  • Fabio90
  • 20 Dic 2013
  • Javascript
Risposte
0
Visite
2K
Javascript 20 Dic 2013
Fabio90
F
G
impedire accesso a cartella o file
  • galimbo
  • 6 Feb 2013
  • Apache
Risposte
1
Visite
2K
Apache 28 Apr 2013
powerflash
P
A
Impedire download files da siti web
  • Argenio
  • 22 Feb 2011
  • CMS (Content Management System)
Risposte
10
Visite
18K
CMS (Content Management System) 1 Mar 2011
Giggiogì
G
R
Impedire l'accesso a una pagina dalla barra degli indirizzi
  • Rikardinho90
  • 27 Gen 2010
  • PHP
  • 2
Risposte
27
Visite
9K
PHP 28 Gen 2010
Rikardinho90
R
N
impedire accesso area riservata a utenti registrati
  • netmaster
  • 14 Dic 2009
  • Database
Risposte
3
Visite
3K
Database 15 Dic 2009
alessandro1997
B
[PHP] impedire download video
  • Bruce5000
  • 19 Set 2009
  • PHP
Risposte
12
Visite
11K
PHP 7 Mag 2018
marlev
M
G
Impedire salvataggio pagina web
  • garupucca
  • 1 Lug 2009
  • HTML e CSS
Risposte
5
Visite
5K
HTML e CSS 3 Lug 2009
marco.carrieri
I
impedire ridimensionamento del browser
  • ispooky83
  • 24 Apr 2009
  • HTML e CSS
Risposte
1
Visite
4K
HTML e CSS 24 Apr 2009
borgo italia
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • Javascript
  • jQuery
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?