IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Affichage Datepicker Bootstrap


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    159
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 159
    Par défaut Affichage Datepicker Bootstrap
    Bonjour,

    Je souhaite intégrer le datepicker bootstrap dans mon projet (Sf2), après pas mal de galère j'arrive enfin à afficher un "truc" sur le clique de ma textBox. Mais l'affichage est vraiment particulier j'ai presque rien dans le datePicker voir l'image jointe.

    Nom : datePick.jpg
Affichages : 1644
Taille : 14,9 Ko

    Le chargement de mes fichiers CSS :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <link href="{{ asset('dist/css/bootstrap.min.css') }}" rel="stylesheet">
    <link href="{{ asset('dist/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet" media="screen">   
    <link href="{{ asset('dist/css/dashboard.css') }}" rel="stylesheet">
    <link href="{{ asset('dist/css/theme.css') }}" rel="stylesheet">

    Puis le chargement de mes fichiers JS :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="{{ asset('dist/js/bootstrap.min.js') }}" ></script>            
    <script type="text/javascript" src="{{ asset('dist/js/bootstrap-datepicker.js') }}" charset="UTF-8"></script>
    <script type="text/javascript" src="{{ asset('dist/js/bootstrap-datetimepicker.fr.js') }}" charset="UTF-8"></script>

    Maintenant mon code html :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div class="col-xs-6 datepicker">
        <div class="input-group" id="dateFin">
            <span class="input-group-addon">Date de fin</span>
            {{ form_widget(form.dateEnd,  { 'attr': {'class': 'form-control'}}) }}
        </div>
    </div>

    Puis l'appel du js :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    jQuery(document).ready(function() {
    jQuery('.datepicker').datepicker();
    })
    Quelqu'un à une idée ?? je suis au bout du rouleau...

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    159
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 159
    Par défaut
    Hi,

    Pour information j'ai deux erreurs dans mon navigateur :

    TypeError: Cannot read property 'dates' of undefined
    http://localhost/Monprojet/web/dist/js/bootstrap-datetimepicker.fr.js:6
    la ligne en question est la suivante :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $.fn.datetimepicker.dates['fr']
    Et :

    TypeError: Cannot read property 'split' of undefined
    http://localhost/Monprojet/web/dist/js/bootstrap-datepicker.js:393&host=localhost
    la ligne en question est la suivante :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var parts = date.split(format.separator),

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Juillet 2007
    Messages
    159
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2007
    Messages : 159
    Par défaut
    Bonjour,

    Pour info j'ai juste changer l'ordre des insert de fichier JS et CSS et ça fonctionne

    Merci,

    Ju

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [UI] DefaultDate de datepicker modifie l'affichage
    Par nicolas2603 dans le forum jQuery
    Réponses: 1
    Dernier message: 16/01/2013, 14h06
  2. affichage datepicker
    Par ciocciu dans le forum jQuery
    Réponses: 3
    Dernier message: 01/08/2011, 17h46
  3. Réponses: 6
    Dernier message: 22/10/2010, 20h59
  4. [jquery UI] - datepicker dans un form, affichage
    Par Mika2008 dans le forum jQuery
    Réponses: 2
    Dernier message: 26/08/2009, 11h21
  5. Affichage avec plugin datepicker
    Par broule dans le forum jQuery
    Réponses: 4
    Dernier message: 22/05/2009, 11h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo