Saltar al contenido

Formulario Django: django-bootstrap-datepicker-plus no está representando el selector de fechas

Hola, hemos encontrado la respuesta a lo que andabas buscando, has scroll y la hallarás a continuación.

Solución:

Intente agregar estas etiquetas de enlace en su plantilla base.html y extiéndalas al formulario de plantilla html:





Y añadir form.media en su formulario de plantilla, ejemplo:

      
% csrf_token % form.as_p form.media

Eso resolvió mi problema con django-bootstrap-datepicker-plus. Ese paquete necesita una documentación más detallada, sencilla y con ejemplos. Pero funciona muy bien una vez que llegas a configurarlo.

Está utilizando django-bootstrap-datepicker-plus que funciona en la versión de DJango >= 1.8, por lo que debería funcionar perfectamente en su proyecto con la versión 1.10.7 de DJango. Si ha seguido todo correctamente como dice la página de instalación, es posible que desee consultar la siguiente lista de verificación para ver si todo está en su lugar.

Lista de verificación para que el widget funcione

  • Se necesita jQuery, establecer include_jquery opción a True en la configuración de Bootstrap.
  • Asegúrese de tener las siguientes etiquetas incluidas en la sección principal de su plantilla maestra.
   % load bootstrap3 %       # imports bootstrap3 #
   % bootstrap_css %         # Embeds Bootstrap CSS #
   % bootstrap_javascript %  # Embeds Bootstrap JS #
   % block extrahead %       # Embeds Extra Resources #
   % endblock %              # Ends Extra Resources #
  • Verifique que el siguiente bloque de etiquetas esté en la parte superior de su plantilla de formulario.
   % block extrahead %   # Extra Resources Start #
    form.media         # Form required JS and CSS #
   % endblock %          # Extra Resources End #

ACTUALIZAR: Encontré el error

El problema es exactamente lo que has adivinado. “En mi layout.html, estoy llamando a algunos recursos adicionales de cdn jQuery para otras cosas. ¿Esto está causando algún conflicto?”

pasé por tu layout.html y encontró 2 bibliotecas jQuery incluidas, una en la línea n.º 22, otra en la línea n.º 299, y dijo que tenía include_jquery opción establecida en true. Así que sí, son contradictorios. El selector de fechas se vincula a jQuery cargado por la opción de arranque include_jqueryy jQuery está siendo anulado por jQuery en la línea #299.

La solución:

La solución es mantener solo un jQuery en su plantilla. Deshágase de todo jQuery en su plantilla y solo conserve include_jquery a true. O solo mantenga un jQuery en el encabezado de la plantilla maestra antes de cualquier otro script y configure include_jquery a false.

Comentarios y calificaciones del artículo

Finalizando este artículo puedes encontrar las observaciones de otros gestores de proyectos, tú asimismo tienes la habilidad dejar el tuyo si te apetece.

¡Haz clic para puntuar esta entrada!
(Votos: 3 Promedio: 4.3)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *