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 :

Datepicker affichage autre que 0 jour


Sujet :

jQuery

  1. #1
    Membre à l'essai
    Homme Profil pro
    retraité
    Inscrit en
    Janvier 2015
    Messages
    27
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : retraité

    Informations forums :
    Inscription : Janvier 2015
    Messages : 27
    Points : 18
    Points
    18
    Par défaut Datepicker affichage autre que 0 jour
    Bonjour,

    J’utilise Datpicker avec une fonction qui détermine le nombre de jour entre 2 dates (ci-dessous)
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    $( "#from, #to" ).on( "change", function( event ){
     
            var dateDepartStr = $.trim( $( "#from" ).val() ),
                dateRetourStr = $.trim( $( "#to" ).val() ),
                dateDepart = null,
                dateRetour = null;
     
            if ( dateDepartStr.length >= 8 && dateRetourStr.length >= 8 ){
     
                dateDepart = new Date(
                    dateDepartStr.slice( 6 ), // yyyy
                    parseInt( dateDepartStr.slice( 3, 5 ), 10 ) - 1, // mm - 1
                    parseInt( dateDepartStr.slice( 0, 2 ), 10 )  // dd
                );
     
                dateRetour = new Date(
                    dateRetourStr.slice( 6 ), // yyyy
                    parseInt( dateRetourStr.slice( 3, 5 ), 10 ) - 1, // mm - 1
                    parseInt( dateRetourStr.slice( 0, 2 ), 10 )  // dd
                );
     
                // différence entre deux dates en millisecondes, on veut un nombre de jours
                $( "#nbJours" ).val( ( dateRetour - dateDepart ) / ( 1000 * 60 * 60 * 24 ) );
            }
        });
    Je voudrai que au lieu d’afficher 0 jour afficher ceci

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    Le devoir doit être rendu aujourd'hui dans:
    <input type="checkbox" id="heure1" name="heure1" value="1" '.$heure1.'/> 1 heure <br/>
    <input type="checkbox" id="heure2" name="heure2" value="2" '.$heure2.'/> 2 heure <br/>
    <input type="checkbox" id="heure4" name="heure4" value="4" '.$heure4.'/> 4 heure <br/>

    dans la div
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <label>Nombre de jours : <output id="nbJours">'.$total_temps.'</output></label>

    Je n’ai pas trouver de solution sur le web et je ne sais absolument pas comment faire, alors un aide serait la bienvenue

    Merci pour votre aide

    Antoine

  2. #2
    Membre à l'essai
    Homme Profil pro
    retraité
    Inscrit en
    Janvier 2015
    Messages
    27
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : retraité

    Informations forums :
    Inscription : Janvier 2015
    Messages : 27
    Points : 18
    Points
    18
    Par défaut
    une solution
    A la suite de la fonction
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
                // différence entre deux dates en millisecondes, on veut un nombre de jours
                $( "#nbJours" ).val( ( dateRetour - dateDepart ) / ( 1000 * 60 * 60 * 24 ) );
     
     
                result = dateRetour - dateDepart
                $('#jtemps_tp').hide();
                if (result=="" ){$('#jtemps_tp').hide()}
                if (result==0 ){$('#jtemps_tp').show()} else {$('#jtemps_tp').hide()}

    sur la page htlm
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $temps_tp= '
    <br/>
    Le travail est à rendre  dans:<br/>
    <input type="checkbox" id="heure1" name="heure1" value="1" '.$heure1.'  '.$check_heure1_ok.'/> 1 heure <br/>
    <input type="checkbox" id="heure2" name="heure2" value="2" '.$heure2.' '.$check_heure2_ok.'/> 2 heure <br/>
    <input type="checkbox" id="heure4" name="heure4" value="4" '.$heure4.' '.$check_heure4_ok.'/> 4 heure <br/>
    ';


    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <label>Nombre de jours : <output id="nbJours">'.$total_temps.'</output></label>
    <br><output id="jtemps_tp" '.$cacher_div.'  >'.$temps_tp.'</output></label>


    Voilà, il y a peut-être plus joli mais bon ça marche

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

Discussions similaires

  1. utilisation date autre que celle du jour
    Par marcel marie dans le forum Langage
    Réponses: 7
    Dernier message: 01/12/2011, 19h05
  2. Flex 3 -Affichage autre que datagrid
    Par alain31tl dans le forum Flex
    Réponses: 3
    Dernier message: 08/03/2009, 03h05
  3. affichage autre que #N/A en rechercheV
    Par steffguibo dans le forum Excel
    Réponses: 3
    Dernier message: 05/02/2008, 09h23
  4. [Dates] Traiter une date autre que celle du jour
    Par malkie dans le forum Langage
    Réponses: 6
    Dernier message: 02/02/2008, 09h04
  5. [FILE]autre que affichage du bureau sur click du bouton parcourir
    Par Mat_DZ dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 19/06/2007, 14h15

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