2014-07-26 19 views
14

Ho un compito che è quello di mostrare il calendario per impostazione predefinita per selezionare la data nel campo di immissione di html.Tipo di input HTML Data, Apri Calendario per impostazione predefinita

Supponiamo Questo è il codice:

input type="date" name="bday" 

Ok, ora quando si fa clic sulla casella di input, viene visualizzato il calendario.

Dimmi come visualizzare il calendario per impostazione predefinita senza fare clic sull'input.

+0

Potrebbe postare un JSFiddle con tutto il relativo codice? Molto probabilmente stai gestendo nascondendo/rivelando il calendario usando CSS o Javascript, non puro HTML. – RSid

risposta

12

Questo non è possibile con gli elementi di input HTML nativi. È possibile utilizzare webshim polyfill, che offre questa opzione utilizzando questo codice.

<input type="date" data-date-inline-picker="true" /> 

Ecco un small demo

+1

Non capisco. La demo non mostra nessun calendario aperto per impostazione predefinita (Chrome o Mobile Chrome/Firefox). Stai dicendo che non c'è alcun modo per attivare il calendario "nativo" da visualizzare, ad es. usando un evento sparato da un elemento diverso? – Michael

+0

Grazie, ha funzionato. @ Michael hai incluso https://github.com/aFarkas/webshim/ nel tuo progetto? –

Problemi correlati