Come assegnare ad una variabile la data selezionata con DateInput

[barros971]

Buongiorno.
Sto cercando di inserire nel mio sito un campo input di tipo "a calendario", in modo che chi seleziona una data, e preme il bottone "INVIA", viene reindirizzato alla pagina relativa a quel giorno (ad esempio, alla pagina 02-02-2017.html).

Devo solo assegnare alla variabile dataselezionata il valore di orderdate (che dovrebbe contenere la data selezionata, nel formato DD-MM-YYYY).

Qui sotto posto il codice originale, che alla pressione del bottone Invia fa semplicemente visualizzare la data selezionata:

<script type="text/javascript" src="calendarDateInput.js">
</script>
<form>
<script>DateInput('orderdate', true, 'DD-MM-YYYY');
</script>

<input type="button" onClick="alert(this.form.orderdate.value)" value="Invia">
</form>


Invece di visualizzarla, io ho bisogno di assegnare la data selezionata (nel formato DD-MM-YYYY) alla variabile dataselezionata.
Successivamente, creerò il link della pagina relativa alla data immessa nell'input, con relativo reindirizzamento (che deve avvenire alla pressione del bottone "Invia"), tramite il codice:


<script>
function vai_pagina_del_giorno_selezionato(){
linkformat = dataselezionata + ".html";
location.href=linkformat;
}
</script>

Ho una conoscenza molto superficiale di javascript e non so come fare assegnare alla variabile dataselezionata il valore della data, contenuto in orderdate. Qualcuno mi può aiutare?

Grazie.

[KillerWorm]

Ciao, sul pulsante, anziché richiamare la funzione alert(), prova a richiamare la tua funzione vai_pagina_del_giorno_selezionato(), facendo in modo di passargli quel valore come argomento.

Avrai una cosa del genere:

<input type="button" onClick="vai_pagina_del_giorno_selezionato(this.form.orderdate.value)" value="Invia">

Sulla tua funzione dovrai quindi impostare, come argomento, la variabile dataselezionata. Questa risulterà essere quindi una variabile locale che sarà vista all'interno della funzione.

Avrai quindi una cosa del genere:

function vai_pagina_del_giorno_selezionato(dataselezionata){
  linkformat = dataselezionata + ".html";
  location.href=linkformat;
}

Tieni conto che non ho fatto alcuna prova ma, a prescindere da JavaScript, si tratta comunque di principi base di programmazione.

[barros971]

Ciao,
� proprio quello che cercavo, ti ringrazio.
Funziona perfettamente sia su Firefox, IE, Chrome e Opera.

Grazie mille.

[ciro78]

@barros971

ciao,
la prossima volta usa il tag code per il codice. come dice il regolamento

[barros971]

@barros971

ciao,
la prossima volta usa il tag code per il codice. come dice il regolamento

Hai ragione, chiedo scusa.

[barros971]

@KillerWorm: Volevo chiederti un'altra cortesia, se possibile: vorrei che la data immessa nell'input parta da un determinato giorno (ad esempio, dal 10-02-2017 e non prima).

E' possibile inserire nello script un controllo di questo tipo, in modo che se la data immessa in input è antecedente, cliccando sul bottone INVIA non viene richiamata nessuna pagina, ma si rimane in attesa di un input data valido (o che compaia un messaggio di "data immessa non valida" e si rimanga in attesa di un input data valido)?

Grazie.