Utilisation datepicker de jquery dans wordpress
Je veux datepicker pour qui dans un formulaire dans mon template wordpress page, mais ça ne fonctionne pas.
C'est le code que j'ai le thème de l'enfance functions.php:
function modify_jquery() {
if (!is_admin()) {
//comment out the next two lines to load the local copy of jQuery
wp_deregister_script('jquery');
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js', false, '2.1.1');
wp_enqueue_script('jquery');
}
}
add_action('init', 'modify_jquery');
function load_jquery_ui_google_cdn() {
global $wp_scripts;
wp_enqueue_script('jquery-ui-core');
wp_enqueue_script('jquery-ui-slider');
//get the jquery ui object
$queryui = $wp_scripts->query('jquery-ui-core');
//load the jquery ui theme
$urlui = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/jquery-ui.min.js";
wp_enqueue_style('jquery-ui-smoothness', $urlui, false, null);
}
add_action('wp_enqueue_scripts', 'load_jquery_ui_google_cdn');
Puis j'ai cela dans page-mypage.php:
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
...other code...
Date: <input type="text" id="datepicker">
...other code...
</form>
Mais il ne montre pas. Pourriez-vous m'aider à le vent quel est le problème?
Votre jQuery URL semble mal (vous avez
Merci pour votre réponse, j'ai ajouté jQueryi de l'INTERFACE utilisateur comme indiqué dans le premier post, mais encore il ne fonctionne pas,
ajax.googleapis.com/ajax.googleapis.com
). Avez-vous inclus datepicker()
n'importe où? Je pense que c'est une partie de jQuery UI, pas de base de jQueryMerci pour votre réponse, j'ai ajouté jQueryi de l'INTERFACE utilisateur comme indiqué dans le premier post, mais encore il ne fonctionne pas,
OriginalL'auteur testermaster | 2014-12-13
Vous devez vous connecter pour publier un commentaire.
Le code que vous utilisez pour charger jQuery n'est pas valide et vous n'avez pas de chargement datepicker (jQuery UI Datepicker). J'ai posté quelques réponses sur la façon correcte d'utiliser jQuery dans WordPress donc je vais vous donner un exemple de travail et un lien si vous souhaitez en savoir plus.
Remplacer le code que vous avez inséré dans votre thème enfant functions.php avec:
Enfin remplacer votre consommation avec:
jquery exige que le mot Jquery au lieu de $
Je suis allé de l'avant et de mise à jour de ma réponse, afin d'inclure des détails concernant le chargement de jQuery UI feuille de style.
J'ai testé la mise à jour, vidé le cache, mais toujours en arrière-plan transparent. Merci pour votre patience.
Mes excuses, je devrais avoir vérifié le fichier CSS en premier. Veuillez réessayer avec le lien mis à jour.
Google a accueilli thème aussi: ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/...: developers.google.com/speed/libraries/#jquery-ui
OriginalL'auteur Nathan Dawson
Pour le chargement des soufflets script & style ajouter soufflet code sur le thème functions.php fichier.
De Script avant la fin de l'utilisation
Script pour utiliser
Viens de mettre ce code aussi funtions.php fichier ou ci-dessous, ceux du code.
Après l'ajout de ce code, vous aurez obtenu un sélecteur de date sur Admin Menu->paramètres globaux->Sélecteur de Date.
Veuillez voir les détails sur Ajouter un DatePicker de jQuery dans WordPress Thème ou Plugin
OriginalL'auteur csehasib