jQuery Datepicker et Timepicker pour le même champ de saisie pour faire apparaître l'un après l'autre
J'ai un Datepicker et un Timepicker dans 2 champs de saisie, mais j'ai besoin de combiner les 2 champs d'entrées en un seul pour une base de données d'appel. Je voulais savoir si je pouvais utiliser seulement 1 champ de saisie pour les deux contrôles?
le premier appel de la datepicker et l'utilisateur, cliquez sur la date voulait et il allait entrer dans la valeur, le timepicker serait popup et ajouter la date choisie par l'utilisateur lors de la première action.
Je suis en utilisant le jQuery UI Datepicker et Timepickr plugins
J'ai donc quelque chose comme ceci
<input class="datepicker">2009-06-22</input>
<input class="timepicker">12:00:00</input>
Mais voudrais quelque chose comme cela
<input class="datetimepicker">2009-06-22 12:00:00</input>
<script type="text/javascript">
//Date and Time picker same input field
$("#datepicker").datepicker( {
dateFormat: 'yy-mm-dd',
onClose: function(dateText, inst) {
var tempDate = $("#datepicker").val(dateText);
$("#datepicker").timepickr({
onClose: function(timeText, inst) {
var tempTime = $("#datepicker").val(dateText);
alert("Temp Time: '" + tempTime.val() + "'");
$("#datepicker").val(tempDate.val() + ' ' + tempTime.val());
}
});
}
});
</script>
source d'informationauteur Phill Pafford
Vous devez vous connecter pour publier un commentaire.
Je voudrais recommander Tout+le Temps(TM)dans lequel vous pouvez combiner la date/heure dans un seul domaine avec un simple, facile à utiliser (et rapide!) date/heure combo sélecteur.
Vous pouvez lier un événement onClose() de l'événement de la datepicker. Ouvrir votre temps de sélecteur. Laissez le datepicker écrire la valeur de base de l'entrée, et ont le timepicker ajouter de la valeur à la suite d'un espace à la même entrée.
Mise à jour: Le suivi est une mise à jour résultant d'une mise à jour de question.
La documentation donne un bref exemple sur la façon de lier un événement/action à la clôture de l'datepicker:
Dans cet exemple, vous pouvez utiliser votre fonction suivante "onClode:" écrire la valeur à l'entrée, et un pop-up l'timepicker.
Pas de jQuery, mais il fonctionne bien pour un calendrier avec le temps: JavaScript Date Time Picker.
Juste lier l'événement click pour pop up:
Personnellement je trouve cela beaucoup plus facile à suivre. Mais, évidemment, vous avez de nombreuses options avec plusieurs plugins jquery pour votre projet.
Vous pouvez essayez de combiner les entrées de commandes dans l'un comme
Voici une alternative:
http://www.r-ip.ru/dev/datetimepicker/index.html
Veuillez commander la lien.
J'ai mis à jour quelques problème de mise en page et ajouté deuxième curseur, qui sera actif si
{showTime:true, time24h:true}
Vous pouvez trouver l'original à Google Code.