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, modifier le setDate en fonction de la valeur du champ


Sujet :

jQuery

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    581
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 581
    Par défaut UI DatePicker, modifier le setDate en fonction de la valeur du champ
    Bonjour, décidément ce DatePicker me pose des problèmes !
    Je vous présente les faits : j'ai un champ de formulaire qui m'affiche un datepicker. Les paramètres par défaut sont minDate:0, ce qui ne m'autorise donc qu'à sélectionner des dates supérieures ou égales à la date du jour.

    Je déclare mon datepicker comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('#input').datepicker({ minDate:0 });
    En imaginant que je choisisse une date à j+7, lorsque je valide mon formulaire ma page est rechargée, et le champ affiche la valeur choisie.

    Mon objectif est que, au rechargement de la page, le paramètre mainDate du champ soit modifié pour prendre la valeur choisie. Par exemple on est le 15/03/2011, je choisis le 21/03/2011 et je valide. Le datepicker s'ouvre en proposant du 15/03/2011 à xx, mais impossible de le faire démarrer à 21/03/2011.

    J'ai tenté de lui assigner la valeur comme ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    if ($('#input').val() != 'dd/mm/aaaa') {
    	$('#input').datepicker('setDate' , $('#input').val());
    } else {
    	$('#input').datepicker({ minDate:0 });
    }
    mais rien n'y fait !!

    Une idée ? Merci d'avance.

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Novembre 2010
    Messages
    207
    Détails du profil
    Informations personnelles :
    Localisation : France, Indre et Loire (Centre)

    Informations forums :
    Inscription : Novembre 2010
    Messages : 207
    Par défaut
    setDate va te modifier la valeur de la date dans le champ input mais pas la date minimum il faut que tu utilises l'option minDate avec la valeur que tu auras sélectionnée auparavant.

    Cf http://jqueryui.com/demos/datepicker/#option-minDate

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Décembre 2006
    Messages
    581
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2006
    Messages : 581
    Par défaut
    Oui, j'ai bien compris la différence entre les deux.
    Ce que je pensais faire dans un premier temps était de paramétrer avec setDate le champ input, puis ensuite ajouter un minDate:0, qui logiquement se décompterai à partir de la valeur prédéfinie avec setDate, si je ne me trompe pas.

    Or là, rien que paramétrer déjà la valeur initiale bloque mon datepicker !

    EDIT : bon j'ai réussi à paramétrer mon système. Je mets ici la solution pour ceux qui en auront besoin.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('#input').datepicker({ minDate: new Date($.datepicker.parseDate('yy-mm-dd', $('#input').val())) });

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

Discussions similaires

  1. Réponses: 5
    Dernier message: 07/12/2010, 08h58
  2. Créer ou modifier un dossier en fonction d'une valeur dans une cellule
    Par Pierre.g dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 13/08/2008, 17h37
  3. Réponses: 3
    Dernier message: 21/05/2007, 15h31
  4. [VBA_Excel] Modifier un chemin en fonction de la valeur d'une cellule
    Par jefe.k dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 23/02/2007, 15h28
  5. Réponses: 1
    Dernier message: 08/06/2006, 12h01

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