jQuery datetimepicker: désactiver l'heure
Je suis en utilisant le XDSoft jQuery datetimepicker
dans mon application (Ruby on Rails 4 (juste pour information, sans l'aide de bootstrap datetimepicker
)).
Je me demandais si il existe un moyen de désactiver/désactiver un moment précis à une date précise, par exemple de désactiver seulement 17:00 sur le 12/17/2014?
disabledDates: ['...']
désactive une date spécifique.
J'ai essayé disabledDateTimes
et disabledTimes
mais ils ne fonctionnent pas.
Merci.
Êtes-vous à l'aide de jquery ui datepicker ..? ou bootstrap datepicker, ou d'un autre sélecteur de date..? Basé sur le plugin, vous vous attendez à une réponse..? Les balises en question sont très confus, veuillez retirer les balises inutiles. l'utilisation de la balise liées au plugin que vous utilisez. Si aucune balise n'existe, fournir un lien vers le plugin en question à la place.
puisque vous êtes de mentionner un
On dirait qu'il ya un question pour cette.
Comme il est clairement énoncé ci-dessus, je suis à l'aide de "jQuery datetimepicker" (j'ai ajouté Ruby on Rails 4 dans paranthesis juste pour information, je ne suis PAS en utilisant bootstrap datetimepicker). Pour répondre à votre "depuis que tu mentionnes ... désactivé dates option, je suppose que tu veux dire que le bootstrap datetimepicker', jQuery datetimepicker a la même option, reportez-vous au lien xdsoft.net/jqplugins/datetimepicker/ .
puisque vous êtes de mentionner un
datetimepicker
et la disabledDates
option, je suppose que tu veux dire bootstrap datetimePickerOn dirait qu'il ya un question pour cette.
Comme il est clairement énoncé ci-dessus, je suis à l'aide de "jQuery datetimepicker" (j'ai ajouté Ruby on Rails 4 dans paranthesis juste pour information, je ne suis PAS en utilisant bootstrap datetimepicker). Pour répondre à votre "depuis que tu mentionnes ... désactivé dates option, je suppose que tu veux dire que le bootstrap datetimepicker', jQuery datetimepicker a la même option, reportez-vous au lien xdsoft.net/jqplugins/datetimepicker/ .
OriginalL'auteur user2725109 | 2014-12-12
Vous devez vous connecter pour publier un commentaire.
Voici un exemple de comment cela peut être fait en utilisant la XDSoft DateTimePicker vous parlez.
J'ai un
specificDates
tableau que vous pouvez utiliser pour ajouter des dates que vous souhaitez cibler.J'ai aussi un
hoursToTakeAway
multi dimensions tableau qui correspond à laspecificDates
tableau où vous pouvez spécifier les heures à emporter.HTML
Javascript
Exemple
Violon
Fondamentalement, je profite de l'
onGenerate
événement qui se produit après chaque calendrier a été rendue. Ensuite, je vérifie pour voir si la date correspond au jour spécifié et si elle ne, nous parcourir tous les éléments et masquer celles spécifiées pour la date précise.Mis à jour Tripoter la mise en œuvre de la désactiver.
Violon 2
hoursToTakeAway[ind].indexOf(parseInt($(this).text()))
pour accéder à une heure précise? Avez-vous deviner juste et n'essai et d'erreur? J'ai essayé de firebug mais je me suis perdu quand j'ai regardé les données de l'objet. Toutes les grandes références sur jQuery/débogage de codage serait vraiment apprécié.Ce que j'ai fait dans le but de comprendre comment masquer/désactiver l'époque était d'inspecter les DOM (éléments html) et j'ai trouvé ce qui classe le temps div a et la classe de la société mère. En utilisant cette information, j'ai été en mesure d'utiliser certaines fonctions jQuery pour analyser les temps de div et de l'aide à certaines des tableaux, je suis en mesure de vérifier pour voir si les éléments correspondent à la période de temps spécifiée dans le tableau et de manipuler les éléments... j'espère que ça a du sens, j'ai eu à faire quelques essais avec les Événements de constater que le onGenerate événement qui a le mieux fonctionné pour ce but.
Il y a peut-être une chose que je peut regarder dans si j'ai le temps et qui est que si vous cliquez sur la même date, le faire de manière à ne pas redessiner le calendrier ( vous verrez que les éléments sont activés encore pour un moment avant d'être désactivé ). J'ai une idée qui, elle l'espérait, mais si ce n'est pas de succès, alors il serait difficile pour moi de m'attaquer.
Grand. Je vous remercie.
Pouvez-vous s'il vous plaît dites-moi comment vous avez inspecté les DOM et trouvé les classes (.xdsoft_time_variant .xdsoft_time)? Quel plugin? J'utilise Firefox Inspecteur DOM, mais ne peut pas voir ces classes.
OriginalL'auteur Trevor
Ce code fonctionne pour moi:
OriginalL'auteur Kimi Sharma
Si quelqu'un l'a encore besoin de solution, j'écris le code pour désactiver les plages de temps dans jquery-ui-datepicker.
D'abord, je dois init plages, qui sera invalide à la date en cours:
Puis j'ai besoin de la fonction, à procéder de cette gammes, de détecter les intersections, et de créer des plages, qui sera affiché:
Et code de datetimepicker:
OriginalL'auteur Артём Филиппов