J'essaie d'utiliser tag HTML 5 sélecteur de date dans mon site Web. Mais cette balise ne supporte pas sur Mozilla & IE. Pouvez-vous s'il vous plaît me partager n'importe quel hack pour travailler ce code dans IE et Mozilla.La sélecteur de date html5 ne fonctionne pas sur Mozilla, les navigateurs IE. Mais il ne fonctionne que sur Chrome
Je souhaite utiliser uniquement HTML5. je ne veux pas aller pour JavaScript.
Ne pas oublier doctype comme ceci:
<!DOCTYPE html>
<html>
<body>
<form action="demo_form.asp">
Birthday: <input type="date" name="bday">
<input type="submit">
</form>
</body>
</html>
Firefox et mozilla n'a pas pas de soutien Date de HTML5! Il soutiendra bientôt.
Mais il fonctionne en douceur sur Google Chrome, Opera et Safari
La date est prise en charge que dans Chrome, Opera, Safari et Android Browser 4.4+
Utilisez simplement un polyfill datepicker. voici 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" />
Vous pouvez utilisateur sélecteur de date jQuery en cas de Mozilla: Vérifiez le navigateur en utilisant .browser.mozilla de $, mais il ne fonctionnera pas dans jQuery> 1.9, vous devez utiliser jQuery migration comme indiqué ci-dessous:
<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>
Notez que l'OP a dit * Je veux utiliser seulement HTML5. Je ne veux pas utiliser JavaScript. * – J0e3gan
Oui DatePicker La balise HTML5 n'est pas prise en charge par Mozilla Firefox. Mais vous pouvez utiliser DatePicker dans votre site Web en ajoutant quelques fichiers .js.
Ci-dessous est mon violon en utilisant des fichiers .js. ce code fonctionne correctement sur Chrome ainsi que Mozilla.
<script>
$(function() {
$("#datepicker").datepicker();
});
</script>
</head>
<body>
<p>Your Selected date Is : <input type="text" id="datepicker"></p>
Notez que [les réponses aux liens uniquement] (http://meta.stackoverflow.com/tags/link-only-answers/info) sont déconseillées, les réponses SO devraient être la fin -point de recherche d'une solution (vs encore une autre escale de références, qui ont tendance à se figer au fil du temps). S'il vous plaît envisager d'ajouter un synopsis autonome ici, en gardant le lien comme référence. – kleopatra
ok je l'ai eu ce que vous voulez dire. Actuellement je suis nouveau à stacoverflow c'est y je ne sais pas beaucoup de répondre aux questions de débordement. merci pour Suggestion # t3chb0t. –
J'espère que ma réponse est corrigée. –
1er, pour répondre à l'OP, ce que le demandeur demande à faire est impossible. Javascript est requis. 2ème, bien que webshim semble très bien, cela fonctionne horriblement avec bootstrap. Pour cela, vous aurez besoin d'utiliser http://eonasdan.github.io/bootstrap-datetimepicker/
Eirenaios J'utilise cette balise seulement, mais je IE & Mozilla ne supportant pas ce tag. Alors pouvez-vous me dire n'importe quel hack css pour cela? – user3801514
jQuery UI est seulement le chemin pas html5 – Suresh