11
votes

Utilisation du sélecteur de date JQuery avec un bouton de déclenchement personnalisé

Comment puis-je ouvrir le satellyPicker JQuery Open up par un bouton défini par l'utilisateur?


0 commentaires

6 Réponses :


36
votes

Il y a Prise en charge intégrée de ce , avec une icône ou une touche à droite Droit de la zone de texte, comme celui-ci: xxx

si vous souhaitez le montrer de un autre bouton ou vraiment tout événement, appelez le montre méthode , comme ceci: xxx

Vous pouvez l'essayer ici


3 commentaires

@ PVAJU896 - Nope ... Comment l'appelez-vous? N'oubliez pas que dans un contrôle de l'utilisateur, l'ID sera différent, vous devez utiliser des classes à la place.


Vous vouliez dire des cours de jquery .. ?? suis nouveau à jquery .. Comment puis-je définir la classe alors ..? / ?? J'ai fait le contrôle de l'utilisateur avec juste une zone de texte enregistrée à ASPX et appelé le USERCONTROL .. J'ai essayé de donner à DaysPicker pour cette zone de texte USERCONTROL -> IT DINCE WRK DATS Y. wat devrais-je faire maintenant .. / comment faire de cours ??


@ pvaju896 dans mon contrôle, je garde l'attribut cible de données dans mon bouton pour me dire quelle entrée cible. Ainsi, comme vous générez le contrôle, vous pouvez transmettre le clientide à JavaScript.



1
votes

La page d'échantillons à titre d'exemple de comment rendre la datePicker apparaît en cliquant sur une icône:

ici


0 commentaires

0
votes

<div class="datedivmng">
  <input type="text" id="checkin" name="checkin"  value="" /></div>


1 commentaires

Jsfiddle lien: jsfiddle.net/jrpatel1016/44hsdn4j



1
votes

Ceci est HTML pour l'icône de sélecteur de date

function show_date_picker(source_datepicker){
    if($(source_datepicker).datepicker("widget").is(":visible")){
        $(source_datepicker).datepicker("hide");
    }else{ 
        $(source_datepicker).datepicker("show"); 
    }
}


0 commentaires

1
votes

J'ai résolu avec la mise au point. xxx


0 commentaires

0
votes

La question n'est pas claire si vous souhaitez un déclencheur supplémentaire ou un déclencheur supplémentaire. Si vous souhaitez avoir un déclencheur supplémentaire. La réponse acceptée n'a pas fonctionné pour moi peut-être sa version obsolète. Le code ci-dessous a fonctionné pour moi en tant que déclencheur général xxx


0 commentaires