He buscado un poco de información y ahora ya me carga calendario en el frontend, pero al tratarse de la web de un hotel, tengo dos campos en el formulario, fecha de entrada y otro para la fecha de salida y aunque, he puesto el id=»datepicker1″ en ambos campos, solo aparece en el primero, en el de fecha de entrada.

Hola Dani! gracias por tu respuesta. Cómo se hace eso?
«Entiendo que tras declarar los archivos con wp_enqueue_style() en el caso de los CSS y wp_enqueue_script() en el caso de los JS, luego lo añades correctamente al hook wp_enqueue_scripts, verdad?» me refiero a cómo añadirlo correctamente al hook wp_enqueue_scripts?

He comprobado lo que decías y el archivo jquery-ur.theme.css no aparece en el código

En el caso de los archivos .js si que enlazan bien con get_stylesheet_directory_uri().

Este es el contenido de mi archivo functions.php del child theme:

<?php
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

function js_calendarios(){
wp_enqueue_script('jquery');
wp_enqueue_style('calendario-css', get_stylesheet_directory_uri().'/css/jquery-ui.css', array(), '1.0');
wp_enqueue_style('calendario-css-2', get_stylesheet_directory_uri().'/css/jquery-ui.theme.css', array(), '1.0');
wp_enqueue_style('calendario-css-3', get_stylesheet_directory_uri().'/css/jquery-ui.structure.css', array(), '1.0');
wp_enqueue_script('calendario-js', get_stylesheet_directory_uri().'/js/jquery-ui.js', array('jquery'), '1.0');
wp_enqueue_script('funciones-js', get_stylesheet_directory_uri().'/js/funciones.js', array('jquery'), '1.0');
}
add_action('wp_enqueue_scripts', 'js_calendarios');

No se si hay algo mal?

Hola, en efecto, para declarar un fichero CSS o JS en el child theme, hay que usar la función get_stylesheet_directory_uri().

A priori no entiendo por qué no lo toma en tu caso, seguro que hay algún siempre error.

Entiendo que tras declarar los archivos con wp_enqueue_style() en el caso de los CSS y wp_enqueue_script() en el caso de los JS, luego lo añades correctamente al hook wp_enqueue_scripts, verdad?

Haz una prueba, carga el frontend, visualiza el código fuente y busca si aparece tu archivo jquery-ur.theme.css en alguna parte del código. Si no aparece, es que no está apuntando bien al archivo en la declaración.

Borra también la caché de navegador, por si acaso.

Un saludo.

Excelente explicación, justo lo que buscaba, para añadir el datepicker a mi formulario hecho en HTML en WordPress, que además también estoy montando en localhost, como en tu vídeo. Aunque estoy usando el theme Divi, el formulario lo he hecho con el módulo de código y funciona perfectamente, tan solo que me falta añadir el datepicker. Pero tengo un pequeño inconveniente, que la función get_template_directory_uri enlaza con las carpetas del tema padre y yo he creado las carpetas CSS y JS en el tema hijo, ya que así cuando tenga que hacer actualizaciones del el tema padre no se me pierde el trabajo. He buscado por internet y encontré que para enlazar un tema hijo hay que usar get_stylesheet_directory_uri, pero no sé cómo hacerlo correctamente, ya que simplemente reemplazándolo no me enlaza los archivos. Podrías por favor decirme cómo hacerlo correctamente? Me refiero al punto 2 de este tutorial, en el que hay que declarar los archivos de Datepicker en WordPress, en el archivo functions.php, ya que este código:
wp_enqueue_style(‘calendario-css’, get_stylesheet_directory_uri().’/css/jquery-ui.css’, array(), ‘1.0’); no me enlaza al child theme cuya ruta es /wp-content/themes/divi-child/css/jquery-ui.theme.css?ver=1.0.

Hola Eduar, pues lo mismo que en el ejemplo, solo que en lugar de tener los rangos de fecha ya tomados, tendrás que traerlos previamente de la tabla con una consulta SQL, y pasarle el resultado al RangeDates[].

Pero para ello sí tendrías que tener algunos conocimientos de SQL, PHP y JavaScript.

Tengo una inquietud, si tengo una tabla con el registro de fechas reservadas como puedo hacer para marcar esos días en el calendario e inhabilitarlos para futuras reservas.

Muchas gracias

Hola Diego, te enlazo este artículo a ver si puede ayudarte. Saludos.

https://stackoverflow.com/questions/4376987/disable-all-sundays-in-jquery-ui-calendar