[Datetimepicker]Richiamare funzione per più id uguali

Maures

Utente Attivo
25 Mar 2015
45
0
0
Buongiorno a tutti,
in un form ho inserito due campi di ricerca per una data iniziale e una finale.
Sto usando bootstrap e in particolare il plugin datetimepicker per semplificare l'inserimento della data e dell'ora.
Inserendo questo codice:
Codice:
	<script type="text/javascript">
		$(document).ready(function () {
			$('#datetimepicker6').datetimepicker();
			$('#datetimepicker7').datetimepicker();
		})
	</script>

nel tag head della pagina html funziona correttamente, ma solo per la prima coppia.
Recupero diversi dati da un database con una query, e ho provato diversi modi, ma senza successo.
Qui c'è il codice che l'echo di php mi stampa a ogni riga:
Codice:
<td>
	<form action='cerca_per_data.php?id=$id' method='post' target='_blank'>
		<div class='input-group date' id='datetimepicker6' style='width:200px;'>
			<input type='text' class='form-control' name='datetimepicker6'/>
			<span class='input-group-addon'>
			<span class='glyphicon glyphicon-calendar'></span>
			</span>
	       </div>
    
		<div class='input-group date' id='datetimepicker7' style='width:200px;'>
			<input type='text' class='form-control' name='datetimepicker7' />
         		<span class='input-group-addon'>
			<span class='glyphicon glyphicon-calendar'></span>
			</span>
		</div>
	<button type='submit' class='btn btn-default' value='Submit'><i class='fa fa-search'></i></button>
	</form>	
</td>

Qualche consiglio?
 

flameseeker

Utente Attivo
27 Nov 2013
699
0
0
Nel DOM ogni id corrisponde in maniera univoca ad un elemento, non possono esistere due id uguali.
Per ciò che devi ottenere, è più appropriato l'uso delle classi:

HTML:
	<script type="text/javascript">
		$(document).ready(function () {
			$('.datepicker').datetimepicker();
		})
	</script>

HTML:
<td>
	<form action='cerca_per_data.php?id=$id' method='post' target='_blank'>
		<div class='input-group date datepicker' style='width:200px;'>
			<input type='text' class='form-control' name='datetimepicker6'/>
			<span class='input-group-addon'>
			<span class='glyphicon glyphicon-calendar'></span>
			</span>
	       </div>
    
		<div class='input-group date datepicker' style='width:200px;'>
			<input type='text' class='form-control' name='datetimepicker7' />
         		<span class='input-group-addon'>
			<span class='glyphicon glyphicon-calendar'></span>
			</span>
		</div>
	<button type='submit' class='btn btn-default' value='Submit'><i class='fa fa-search'></i></button>
	</form>	
</td>
 

Maures

Utente Attivo
25 Mar 2015
45
0
0
ricordavo di aver già tentato con l'uso della classe, ed effettivamente funziona.

il problema è che il browser si impalla e mi si apre la finestra del debug con questo errore:

Uno script in questa pagina potrebbe essere occupato o aver smesso di rispondere. È possibile fermarlo adesso, aprirlo nel debugger o lasciarlo continuare.

Script: .......jquery-2.0.3.min.js:5
 

flameseeker

Utente Attivo
27 Nov 2013
699
0
0
In questo momento non ho l'opportunità di effettuare dei test, ma passando al vaglio la documentazione del metodo datepicker mi sembra di capire (correggimi se sbaglio) che vada applicato ad un elemento input. Forse è questo il motivo per cui lo script si comporta in maniera inaspettata.

Prova quindi a spostare la classe su quegli elementi:
HTML:
<td>
	<form action='cerca_per_data.php?id=$id' method='post' target='_blank'>
		<div class='input-group date' style='width:200px;'>
			<input type='text' class='form-control datepicker' name='datetimepicker6'/>
			<span class='input-group-addon'>
			<span class='glyphicon glyphicon-calendar'></span>
			</span>
	       </div>
    
		<div class='input-group date' style='width:200px;'>
			<input type='text' class='form-control datepicker' name='datetimepicker7' />
         		<span class='input-group-addon'>
			<span class='glyphicon glyphicon-calendar'></span>
			</span>
		</div>
	<button type='submit' class='btn btn-default' value='Submit'><i class='fa fa-search'></i></button>
	</form>	
</td>

Se ancora dovessi riscontrare problemi di quel tipo, l'unico consiglio che posso provare a darti è di aggiornare eventualmente le librerie jquery e jqueryui (che, almeno jquery, so per certo essere alla versione 2.1.3 ormai).
 

Maures

Utente Attivo
25 Mar 2015
45
0
0
non gli piace neanche così...

stavo pensando al fatto che un altro script di bootstrap, usato in un'altra colonna, possa dargli fastidio

Codice:
<script>
		$(document).ready(function() {
			$('.selectpicker').selectpicker();
		});
	</script>

lo richiamo subito sopra a quello di datepicker
 
Discussioni simili
Autore Titolo Forum Risposte Data
max1974 DatePicker e DateTimePicker Javascript 0
M Datetimepicker - escludere orari + step di 30 minuti jQuery 0
M Richiamare una singola funziona da file php PHP 2
M Richiamare funziona da file esterno jQuery 0
psicomia Gestione funzione in javascript in tabella richiamare"textarea" valori preimpostati in "select" Javascript 2
V [Visual Basic] Richiamare funzione su modulo per restituire list Visual Basic 0
T [Javascript] Richiamare un file.js (iframe) in html Javascript 1
A Richiamare funzioni esterne JS da PHP PHP 9
C richiamare una funzione in un altro script php PHP 1
A [Flash] richiamare JS da AS3 Flash 0
G [PHP] RICHIAMARE TABELLA I CUI VALORI SONO STAMPATI A VIDEO E MODIFICARLI PHP 6
Shyson [WordPress] Richiamare nel mio sito numero iscritti da gruppo Facebook WordPress 0
S [PHP] Aiuto! Non riesco a richiamare una variabile PHP 2
A [Javascript] richiamare lo pseudo elemento after Javascript 1
B [Javascript] Richiamare un attributo DATA Javascript 0
gandalf1959 richiamare una funzione da un'altra funzione PHP 1
gandalf1959 richiamare una funzione: funziona solo la seconda volta... PHP 7
E Richiamare funzione Jquery dopo aggiornamento parziale di pagina tramite ajax jQuery 0
Z richiamare codice html in file php PHP 2
T Richiamare il click su un input type="image" alla pressione del tasto invio su una text area. PHP 0
B richiamare variabile javascript su pagina php Javascript 4
elpirata Richiamare un campo input in una form Javascript 2
G Richiamare funzioni esterne PHP 0
K richiamare 2 volte stessa funzione Javascript 1
Shyson Richiamare funzione esterna jQuery 4
P 2 hosting da richiamare con dominio e sottodominio Hosting 0
scatenato richiamare id PHP 28
P Problema per richiamare una variabile... PHP 3
gandalf1959 Richiamare un javascript da php. Non funziona? PHP 2
I richiamare dati da menu a tendina mysql PHP 2
L problema nel richiamare gli id HTML e CSS 2
P come richiamare una variabile PHP 3
A richiamare funzione javascript dopo login in popup. Javascript 0
I richiamare dati da database in due variabili differenti PHP 2
L Non riesco a far funzionare un plugin (probabilmente ho sbagliato qualcosa nel richiamare lo script) jQuery 10
G Richiamare una classe Sviluppo app per iOS 0
I Richiamare funzione jquery all'invio del form php Javascript 6
M Richiamare una foto dal database PHP 3
M Richiamare una data inserita nel database tramite php. PHP 4
P creare e richiamare una stored procedure in sqlserver .NET Framework 1
R [Vb.net] richiamare funzione javascirpt .NET Framework 0
I richiamare id PHP 15
Shyson richiamare contatore PHP 5
Shyson Richiamare pagina personalizzata PHP 10
Shyson Richiamare funzione in altre pagine PHP 14
G Richiamare URL in Background (Nascosto) come se fosse eseguito da browser PHP 3
B Richiamare un array in una classe PHP 7
P Richiamare id e class HTML e CSS 3
Shyson Richiamare 2 getElementById uguali Javascript 0
S dove sbaglio a richiamare un valore? Javascript 4

Discussioni simili