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 :

UI Datepicker : afficher le jour de semaine dans un div


Sujet :

jQuery

Vue hybride

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

    Informations forums :
    Inscription : Juillet 2004
    Messages : 18
    Par défaut UI Datepicker : afficher le jour de semaine dans un div
    Bonjour à tous !

    j'aurai (encore une fois) besoin de tous vos talents en jquery

    alors pour expliquer vite fait, j'ai intégré un datepicker dans un input qui marche très bien et qui m'affiche la date sous ce format "05 décembre 2010"

    le souci arrive quand je ferme mon datepicker je veux afficher dans un div en dessous le jour de la semaine (par exemple dimanche pr le 05/12/10) qui correspond. pour cela j'ai fais :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    onClose: function(selectedDate) {
    $("#mondiv").html(formatDate('DD',selectedDate));
    }
    bon evidement ce code ne marche pas, par contre en mettant juste :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#mondiv").html(selectedDate);
    je récupère bien la date mais évidement pas dans le format que je veux.

    à vrai dire je sais pas trop par ou attaquer le probleme ?! je pense qu'il faut parser/changer le format de la date sélectionner puis l'afficher ensuite nan ? y a des fonctions de datepicker qui font ça mais je sais pas si elles s'appliquent dans ce cas du coup ?

    je me sert de la démo ici :

    http://jqueryui.com/demos/datepicker/event-search.html

    qui récupère la date pour changer un autre datepicker mais bon c'est juste pour avoir une idée du truc.

    voila si quelqu'un a une ébauche d'idée ça serait top

    merci beaucoup !

  2. #2
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2007
    Messages
    282
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Gers (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Octobre 2007
    Messages : 282
    Par défaut
    Je t'inviterais à relire la doc:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    $(function() {
    	$( "#datepicker" ).datepicker();
    });
    où l'idée de ton div est #datapicker ==> http://jqueryui.com/demos/datepicker/

    lemirandais

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 18
    Par défaut
    salut,

    merci pour ta réponse mais je ne comprends pas trop

    en fait j'appelle mon datepicker dans un input et je veux afficher le jour de semaine dans un div séparé, mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $("input#date").datepicker({
    	onClose: function(dateText, inst) {
    var jourSemaine = $.datepicker.formatDate('dd', dateText);
    $("#mondiv").html(jourSemaine);
    }
     
    });
    bon le code ne marche pas mais je voudrais afficher dans "mondiv" le jour (ex: lundi) et dans l'input j'affiche "10/10/2010".
    je sais pas si je suis trop clair lol

  4. #4
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2007
    Messages
    282
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Gers (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Octobre 2007
    Messages : 282
    Par défaut
    tu met l'id dans l'input et ensuite tu fait un:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    $("#id_input").change(function(){
    var variable=$("#id_input").val(); //recupère la valeur choisit grâce au datepicker
    $("#divdetonchoix").html(variable);
    });
    En gros, tu mets l'#datepicker dans l'input. Et ensuite, tu récupères la valeur et tu l'affiches dans le div de ton choix.

    lemirandais

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    18
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2004
    Messages : 18
    Par défaut
    ok merci mais en fait mon souci vient plus du fait que je n'arrive pas à transformer la valeur "10/10/2010" en "dimanche" par exemple.

    car là j'affiche bien quelque chose dans mon div mais ce que je veux afficher est différent de la valeur de l'input ! c'est pour faire la transfo que ça bloque

    je sais pas si tu aurais une idée ? je pense pas que je puisse récupérer les fonctions dateformat du datepicker ?

    merci !

  6. #6
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Octobre 2007
    Messages
    282
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France, Gers (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Octobre 2007
    Messages : 282
    Par défaut
    Oki, tu veux en gros récupérer le nom du jour à partir de la date sélectionner dans le datepicker.
    Je pense que la seule solution est de faire une action avec ajax.
    En gros, tu récupère comme je t'ai dit plus tôt la valeur de ce input et tu l'envoies, grâce à la fonction $.ajax() de jquery à un script php que tu devras créés et ainsi retourner le nom du jour.
    Et après, afficher cette valeur où tu le souhaites grâce à la fonction html().

    lemirandais

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

Discussions similaires

  1. calcul jour et semaine dans l'année
    Par michelp38 dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 26/03/2011, 16h29
  2. Masquer/Afficher toutes les balises contenues dans un DIV
    Par tapadaka dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 17/01/2011, 10h57
  3. afficher une image par défaut dans une div
    Par attarias dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 23/12/2010, 16h01
  4. [Dates] Afficher les jours du mois dans un formulaire
    Par Jimmy Monkey dans le forum Langage
    Réponses: 7
    Dernier message: 30/12/2007, 11h27
  5. Afficher date jour par defaut dans Combox de dates...
    Par nicburger dans le forum Access
    Réponses: 5
    Dernier message: 08/02/2006, 14h59

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