2014-07-03 20 views

risposta

0

Non dimenticate DOCTYPE come questo:

<!DOCTYPE html> 
<html> 
<body> 

<form action="demo_form.asp"> 
    Birthday: <input type="date" name="bday"> 
    <input type="submit"> 
</form> 

</body> 
</html> 

Firefox e Mozilla non non sostenere Date-HTML5! Supporterà presto.


ma funzionerà senza problemi su Google-Chrome, Opera e Safari

+0

Eirenaios Sto usando solo questo tag, ma IE e Mozilla non supportano questo tag. Quindi puoi dirmi qualche css hack per questo? – user3801514

+1

jQuery UI è solo il modo non html5 – Suresh

0

Basta usare un polyfill con datepicker. ecco un demo.

<script src="js/jquery.js"></script> 
<script src="js-webshim/minified/polyfiller.js"></script> 

<script> 
    //webshim.setOptions('basePath', '/js-webshim/minified/shims/'); 

    //request the features you need: 
    webshim.polyfill('es5 mediaelement forms'); 

    $(function(){ 
    // use all implemented API-features on DOM-ready 
    }); 
</script> 

<input type="date" /> 
2

È possibile utente jQuery selezione data in caso di Mozilla: Controllare il browser usando $ .browser.mozilla ma non funzionerà in jQuery> 1.9, quindi bisogna usare jQuery migrazione come illustrato di seguito:

 <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
     <script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>//jQuery migration 
    <script> 
     if ($.browser.mozilla) 
    { 
     if ($('.datepicker')[0].type != 'date') $('.datepicker').datepicker(); 
     $(function() { 
      $(".datepicker").datepicker({ 
       changeMonth: true, 
       changeYear: true, 
       yearRange: "1900:2015", 
       dateFormat: "yy-mm-dd", 
       defaultDate: '1900-01-01' 
      }); 
     }); 
    } 

</script> 
+1

Nota che l'OP diceva * Voglio usare solo HTML5. non voglio cercare JavaScript. * – J0e3gan

2

Sì il tag DatePicker non è supportato da Mozilla Firefox. Ma puoi usare DatePicker nel tuo sito aggiungendo alcuni file .js.

Di seguito è il mio violino con alcuni file .js. questo codice funziona correttamente su Chrome e Mozilla.

<script> 
$(function() { 
$("#datepicker").datepicker(); 

}); 
</script> 
</head> 
<body> 
<p>Your Selected date Is : <input type="text" id="datepicker"></p> 

http://jsfiddle.net/Vq65z/504/

+0

Nota che [le risposte solo per collegamento] (http://meta.stackoverflow.com/tags/link-only-answers/info) sono scoraggiate, quindi le risposte dovrebbero essere la fine -punto di una ricerca di una soluzione (rispetto a un'altra sosta di riferimenti, che tendono a diventare obsoleti nel tempo). Si prega di considerare l'aggiunta di una sinossi autonoma qui, mantenendo il collegamento come riferimento. – kleopatra

+0

ok ho capito cosa vuoi dire. in realtà sono nuovo di stacoverflow che non so molto su come rispondere alle domande di overflow. Grazie per il suggerimento # t3chb0t. –

+0

Spero che la mia risposta modificata sia giusta. –

1

prima, per rispondere alla OP, ciò che il richiedente chiede di fare è impossibile. Javascript richiesto. In secondo luogo, anche se webshim sembra ottimo, funziona in modo orribile con bootstrap. Per questo ti consigliamo di usare http://eonasdan.github.io/bootstrap-datetimepicker/

Problemi correlati