La configuration de l'datetime picker
Je suis vraiment nouveau dans le développement web, dans mon site web j'ai besoin d'avoir datetime picker et im essayant d'utiliser trentrichardsons'datetime picker, Malheureusement, j'ai été incapable de le faire fonctionner.
c'est mon javascript
<script>
$(function() {
$( "#datepicker" ).datetimepicker();
});
</script>
quelqu'un peut-il m'aider, comment mettre en place ce type datetime picker..
unable to make it work
signifie quoi? Fournir plus de détails, code html, la façon dont vous avez écrit la balise head etc- Avez-vous un élément sur votre page avec l'ID
datepicker
? Avez-vous chargé jQuery et le plugin correctement?
Vous devez vous connecter pour publier un commentaire.
Avec très peu d'informations à partir de l'OP, je vais donner un essai.
Votre code devrait ressembler à ceci (en considérant que vous avez un dossier
js
dans la racine de votre dossier, avec tous les javascripts.Pour le javascript pour le travail, tous les composants requis par la fonction javascript doit être pré-chargé sur le navigateur client.
À l'intérieur de
head
tag de la suggéré afin estEspérons que cela fonctionne pour vous.
datepicker
&timepicker
contrôles existe sur votre html? vérifiez l'ID? Ils doivent être de typeinput
, vérifier ma réponse pour plus d'informations.Essayez de charger jquery fichier de bibliothèque et le datetimepicker plugin.
Debug Conseils:
il affiche le jquery ou javascript erreurs
tout d'abord, vous aurez besoin de télécharger le fichier javascript et les css feuille de style pour le calendrier.
à télécharger sur ce lien
http://trentrichardson.com/examples/timepicker/
Une fois que vous avez téléchargé le fichier, créer un fichier html et reportez-vous à la style et le javascript pour ce fichiers téléchargés rappelez-vous aussi que vous ajoutez Bibliothèque jQuery fichier dans votre code HTML.
Créer le code HTML comme par la nécessité et utiliser le script en vous DOM prêt.
remarque:
#datepicker
id l'ID de l'élément html où vous en avez besoin le calendrier de la pop .Vous pouvez également lire le fichier readme fourni avec le téléchargement.
copié à partir du fichier readme qui a été téléchargé avec les fichiers.
Avez-vous charger jQuery?
pense que c'est encore mieux de mettre cette fonctionnalité sur la page d'après, il est chargé par:
$(function() {...});
syntaxe est juste une version plus courte de$(document).ready(function() {...});
.avec HTML5, c'est aussi simple que:-
edit:-
J'ai trouvé que ce pourrait être à risque d'être supprimé de manière à faire quelques recherches sur google si vous l'utilisez dans le futur juste pour mmake assurer de ne pas obtenir obsolète.