inserire datepicker in un form - help

Daniele Rapinesi

Utente Attivo
7 Gen 2014
60
0
0
Buongiorno a tutti,
ho creato un form per la prenotazione di una camera su un sito b&b, tutto funziona correttamente e la mail arriva a destinazione. Il cliente mi chiede di inserire un calendario quando si clicca sul campo "Data arrivo" e su "Data di partenza": ho inserito nel form, al posto della data arrivo e partenza, il seguente comando:

<label for="datepicker">Data arrivo: </label>
<input type="date" id="datepicker" name="datepicker">

(1° problema) - Su Safari e Chrome si vede il calendario, non si vede su Explorer e Firefox, perchè ?
(2° problema) - Quando invio il form, nel campo data arrivo non viene visualizzata la data inserita con il datapicker, perchè?

Ho creato 2 file (form.html e invia.php) che allego di seguito.....se qualcuno può aiutarmi o darmi qualche dritta, ve ne sarei grato !!!!

FORM.HTML

HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
</head>

<body>
<div id="form">
  <p>Inserite qui il contenuto per  id "form"</p>
  <form action="invia.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
    <p>
      <label for="cognome">Cognome e Nome:</label>
      <input type="text" name="cognome" id="cognome">
    </p>
    <p>
      <label for="persone">N° persone:</label>
      <select name="persone" id="persone">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
      </select>
    </p>
    <p>
      <label for="notti">N° notti:</label>
      <select name="notti" id="notti">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
        <option>6</option>
        <option>7</option>
      </select>
    </p>
    <p>
      <label for="datain">Data partenza:</label>
      <input name="datain" type="text" id="datain" placeholder="gg-mm-aaaa">
    </p>
    <p>
      <label for="dataout">Data partenza:</label>
      <input name="dataout" type="text" id="dataout" placeholder="gg-mm-aaaa">
    </p>
    <p>
      <label for="camera">Tipo di camera:</label>
      <select name="camera" id="camera">
        <option>doppia</option>
        <option>doppia uso singola</option>
        <option>matrimoniale</option>
        <option>tripla</option>
      </select>
    </p>
    <p>
      <label for="email">Email:</label>
      <input type="email" name="email" id="email">
    </p>
    <p>
      <label for="tel">Telefono:</label>
      <input type="tel" name="tel" id="tel">
    </p>
    <p>
      <label for="messaggio">Messaggio:</label>
      <textarea name="messaggio" id="messaggio"></textarea>
    </p>
    <p>
      <input name="submit" type="submit" id="submit" formaction="invia.php" formenctype="multipart/form-data" formmethod="POST" value="Invia">
    </p>
  </form>
  <p>&nbsp;</p>
</div>
</body>
</html>

INVIA.PHP

PHP:
<?PHP

// Processo di recupero dei dati 
$cognome = $_POST['cognome'];
$persone = $_POST['persone'];
$notti = $_POST['notti'];
$datain = $_POST['datain'];
$dataout = $_POST['dataout'];
$camera = $_POST['camera'];
$email = $_POST['email'];
$tel = $_POST['tel'];
$messaggio = $_POST['messaggio'];

// Processo di controllo [Opzionale] 
if 
($cognome == null) {print "Attenzione: &egrave; necessario compilare il campo 'Cognome e Nome'";}
else
{if ($persone == null) {print "Attenzione: &egrave; necessario compilare il campo 'N° persone'";}
else
{if ($notti == null) {print "Attenzione: &egrave; necessario compilare il campo 'N° notti'";}
else
{if ($datain == null) {print "Attenzione: &egrave; necessario compilare il campo 'Data arrivo'";}
else
{if ($dataout == null) {print "Attenzione: &egrave; necessario compilare il campo 'Data partenza'";}
else
{if ($camera == null) {print "Attenzione: &egrave; necessario compilare il campo 'Tipo di camera'";}
else
{if ($email == null) {print "Attenzione: &egrave; necessario compilare il campo 'Email'";}
else
{if ($tel == null) {print "Attenzione: &egrave; necessario compilare il campo 'Telefono'";}
else
{if ($messaggio == null) {print "Attenzione: &egrave; necessario compilare il campo 'Messaggio'";}
else




// Processo di configurazione dell'email
// [Destinatario, mittente, ecc] 
$mail_to = "[email protected],[email protected]";
$mail_from = $email;
$mail_subject = "Prenotazione dal sito B&B x bed-1";
$mail_body = "Cognome e Nome: $cognome<br>N° di persone: $persone<br>N° di notti: $notti<br>Data arrivo: $datain<br>Data partenza: $dataout<br>Tipo di camera: $camera<br>Email: $email<br>Telefono: $tel<br>Messaggio: $messaggio<br><br>";
// Intestazioni HTML
$mail_in_html = "MIME-Version: 1.0\r\n";
$mail_in_html .= "Content-type: text/html; charset=utf-8\r\n";
$mail_in_html .= "From: <$mail_from>";
// Processo di invio 
if(mail($mail_to, $mail_subject, $mail_body, $mail_in_html))
{
print "ok";
}
else
{
print "Errore";
}
}
}
}
}
}
}
}
}
?>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
</head>

<body>
<p><strong>Grazie per averci scelto !</strong></p>
<p>Sarai contattato molto presto !!</p>
<p><a href="http://www.yahoo.it">Torna al form</a></p>

</body>
</html>
 
Ultima modifica di un moderatore:

MAeSI

Utente Attivo
13 Apr 2014
71
1
8
quellidelcucuzzolo.blogspot.it
Per il secondo problema, se ho capito bene, hai cambiato il nome al campo del form
HTML:
<label for="datepicker">Data arrivo: </label>
<input type="date" id="datepicker" name="datepicker">

ma non nel file che riceve i valori

PHP:
$datain = $_POST['datain'];
$dataout = $_POST['dataout'];

Puoi provare ad associare datepicker ai campi esistenti, senza modificare il codice del form:

Codice:
 <script>
$(function() {
$( "#datain, #dataout" ).datepicker();
});
</script>
 

Daniele Rapinesi

Utente Attivo
7 Gen 2014
60
0
0
Ops ... se è cosi è proprio un errore da pivello !!!
Appena posso controllo.
Ma se volessi usare lo script che mi hai segnalato è sufficiente inserirlo nel form tra <head></head>, giusto ?
 

MAeSI

Utente Attivo
13 Apr 2014
71
1
8
quellidelcucuzzolo.blogspot.it
L'ho dato per sottinteso, ma il codice che ti ho postato si riferisce al widget datepicker di jQuery UI.

Sì, è da inserire in head ovviamente richiamando anche le librerie e i file css relativi.
 
Discussioni simili
Autore Titolo Forum Risposte Data
Elisacau [Contact form 7] Inserire Numero auto incrementante WordPress 1
gara1 inserire immagine di sfondo in canvas Javascript 0
FDF182 Inserire pdf in db PHP 3
otto9due Inserire o aggiornare tabella my sql controllando una coppia di valori PHP 7
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
D Inserire link PHP 0
L PHPSpreadsheet inserire dati da file .xlsx/.xls su database PHP 2
P inserire due voci in un titolo post wp WordPress 1
R inserire video nel sito HTML e CSS 15
J Inserire blog wordpress in angular CMS (Content Management System) 0
A inserire variabile php colore in div html PHP 2
L inserire dati multi livello PHP 8
G Inserire una scritta Java 1
M Inserire variabile nella value di una hidden PHP 3
S Inserire foto in ogni cella di una tabella Javascript 0
G inserire dati automaticamente in mysql PHP 0
B Vorrei inserire una finestra con messaggio ad un history.back PHP 16
Shyson Inserire placeholder nel campo cerca PHP 5
M Lanciare alert se il codice fiscale è già presente nel db e lasciare la scelta di inserire all'utente PHP 42
atipika INSERIRE ICONE DOWNLOAD E STAMPA WORDPRESS WordPress 10
F Creare un set di date a seconda del frazionamento scelto da inserire in MySQL PHP 6
B inserire valori da una tabella a un altra mysql PHP 34
D [Javascript] inserire uno script in un file php Javascript 6
napuleone [HTML] type="file" inserire path di partenza HTML e CSS 4
Monital [Javascript] inserire dati estratti dal db in html fisso Javascript 1
R [WordPress] Inserire campi aggiuntivi ad un Submit Form già dato dal template (front-end) WordPress 0
M inserire i dati ottenuti da una jquery in una tabella già esistente jQuery 1
G Inserire "Leggi il resto dell'articolo" con link al post sul sito preso via RSS Email Marketing 0
M [PHP] Come inserire codice html in un ciclo while PHP 2
P [PHP] Inserire stringhe in input(text),memorizzarle e stamparle in file successivo PHP 0
J [Javascript] Inserire un caricamento con animazione prima dell'esecuzione di un'azione Javascript 1
Shyson [PHP] Inserire testo nel codice PHP 2
D Mailchimp - Possibile inserire doppia condizione per i triggers? Email Marketing 0
A [MS Access] Pulsante per inserire allegati in campo maschera MS Access 0
Shyson [HTML] Inserire nuovo font con @font-face HTML e CSS 5
Alex_70 Inserire photo in php PHP 0
D [Javascript] [HTML] Inserire slash dopo 3 numeri Javascript 5
F INSERIRE IN UN'UNICA CASELLA DI TESTO REPORT ACCESS I VALORI DELLA TABELLA DI UN'INTERA COLONNA MS Access 2
A [HTML] Come inserire google review stars nelle pagine del mio sito HTML e CSS 0
spider81man Connettersi ad un DB ed inserire dati con Javascript Javascript 3
spider81man [PHP] Inserire file .pdf in db PHP 6
P [WordPress] Inserire codice in pagina dinamica WordPress 0
A [PHP] Ciclare array multidimensionale e inserire valori in DB PHP 2
M [PHP] Inserire array nel db PHP 6
andreas88 [HTML] come inserire 3 riquadri in un unico rigo (vedere img allegata) HTML e CSS 11
G [PHP] inserire risultato di una query in una tabella PHP 3
P [Javascript] Inserire una nuova condizione in una funzione Javascript 3
G [Guida MyBB 1.8] Inserire icone accanto alle sezioni CMS (Content Management System) 0
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
C Inserire dati tabella leggendo parte di altra tabella con php PHP 13

Discussioni simili