MRW.it Forum
  • Home
  • Forum
  • Fare Web
  • HTML e CSS

inserire datepicker in un form - help

  • Creatore Discussione Creatore Discussione Daniele Rapinesi
  • Data di inizio Data di inizio 29 Apr 2014
D

Daniele Rapinesi

Utente Attivo
7 Gen 2014
60
0
0
  • 29 Apr 2014
  • #1
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 = "dr129@yahoo.com,danielerapinesi@gmail.com";
$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: 29 Apr 2014
MAeSI

MAeSI

Utente Attivo
13 Apr 2014
71
1
8
quellidelcucuzzolo.blogspot.it
  • 29 Apr 2014
  • #2
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">
Clicca per allargare...

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>
 
D

Daniele Rapinesi

Utente Attivo
7 Gen 2014
60
0
0
  • 29 Apr 2014
  • #3
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
  • 29 Apr 2014
  • #4
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.
 

glm1986ITALY

Moderatore
Membro dello Staff
MOD
9 Apr 2009
1.313
16
38
39
Vercelli
www.webepc.it
  • 29 Apr 2014
  • #5
Uhm.. non mi pare una problematica di html

O sbaglio?
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

[Contact form 7] Inserire Numero auto incrementante
  • Elisacau
  • 6 Mar 2023
  • WordPress
Risposte
1
Visite
2K
WordPress 15 Mag 2023
mariathomas
M
inserire immagine di sfondo in canvas
  • gara1
  • 24 Gen 2023
  • Javascript
Risposte
0
Visite
2K
Javascript 24 Gen 2023
gara1
Inserire pdf in db
  • FDF182
  • 18 Feb 2022
  • PHP
Risposte
3
Visite
3K
PHP 18 Feb 2022
otto9due
Inserire o aggiornare tabella my sql controllando una coppia di valori
  • otto9due
  • 26 Dic 2021
  • PHP
Risposte
7
Visite
1K
PHP 27 Dic 2021
otto9due
inserire dati da un file di testo in una tabella in php
  • Couting95
  • 26 Nov 2021
  • PHP
Risposte
1
Visite
2K
PHP 27 Nov 2021
marino51
D
Inserire link
  • Darkbox
  • 9 Set 2021
  • PHP
Risposte
0
Visite
972
PHP 9 Set 2021
Darkbox
D
L
  • Bloccata
PHPSpreadsheet inserire dati da file .xlsx/.xls su database
  • lucie
  • 3 Giu 2021
  • PHP
Risposte
2
Visite
1K
PHP 3 Giu 2021
Max 1
P
inserire due voci in un titolo post wp
  • polinea
  • 16 Mag 2021
  • WordPress
Risposte
1
Visite
2K
WordPress 9 Giu 2021
WmbertSea
R
inserire video nel sito
  • Robi999
  • 25 Gen 2021
  • HTML e CSS
Risposte
15
Visite
3K
HTML e CSS 1 Feb 2021
Robi999
R
J
Inserire blog wordpress in angular
  • jerweb
  • 15 Dic 2020
  • CMS (Content Management System)
Risposte
0
Visite
1K
CMS (Content Management System) 15 Dic 2020
jerweb
J
A
inserire variabile php colore in div html
  • AndreaCerre
  • 26 Nov 2020
  • PHP
Risposte
2
Visite
2K
PHP 26 Nov 2020
AndreaCerre
A
L
inserire dati multi livello
  • luigithen
  • 22 Ott 2020
  • PHP
Risposte
8
Visite
2K
PHP 23 Ott 2020
luigithen
L
G
Inserire una scritta
  • gabonik
  • 9 Set 2020
  • Java
Risposte
1
Visite
2K
Java 9 Set 2020
gabonik
G
M
Inserire variabile nella value di una hidden
  • maxus68
  • 26 Mag 2020
  • PHP
Risposte
3
Visite
2K
PHP 26 Mag 2020
macus_adi
S
Inserire foto in ogni cella di una tabella
  • sodi96
  • 26 Mag 2020
  • Javascript
Risposte
0
Visite
1K
Javascript 26 Mag 2020
sodi96
S
G
inserire dati automaticamente in mysql
  • GioTeck
  • 12 Mag 2020
  • PHP
Risposte
0
Visite
1K
PHP 12 Mag 2020
GioTeck
G
B
Vorrei inserire una finestra con messaggio ad un history.back
  • Beppe Z.
  • 21 Apr 2020
  • PHP
Risposte
16
Visite
3K
PHP 22 Apr 2020
macus_adi
Inserire placeholder nel campo cerca
  • Shyson
  • 13 Apr 2020
  • PHP
Risposte
5
Visite
2K
PHP 13 Apr 2020
Shyson
M
Lanciare alert se il codice fiscale è già presente nel db e lasciare la scelta di inserire all'utente
  • Max61
  • 19 Mar 2020
  • PHP
  • 2 3
Risposte
42
Visite
8K
PHP 22 Mar 2020
Max61
M
INSERIRE ICONE DOWNLOAD E STAMPA WORDPRESS
  • atipika
  • 13 Mar 2020
  • WordPress
Risposte
10
Visite
4K
WordPress 15 Mar 2020
atipika
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • HTML e CSS
  • 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?