Articles of bootstrap datetimepicker

Récupération du numéro de semaine et des dates de début et de fin de semaine à l’aide du programme d’amorçage de datesticker

BootStrap DateTimePicker est-il une option disponible pour extraire le numéro de semaine et la date de début et de fin de semaine du calendrier. Lien de démonstration $(‘#datetimepicker1’).datetimepicker({ format: ‘DD/MM/YYYY’, calendarWeeks:true }); Quelque chose de semblable à l’atsortingbut semaine HTML5

Le sélecteur de temps passe derrière le modal de bootstrap de twitter

J’utilise le sélecteur de date / heure d’amorçage dans mon application Web Java Spring MVC pour sélectionner la date et l’heure séparément. J’ai inclus le CSS et les scripts requirejs. mon code HTML serait comme suit: Start Start Date Start Time End End Date End Time DNS Time From To J’utilise le code javascript suivant […]

Installer / configurer Bootstrap datetimepicker

Je rencontre quelques problèmes avec une configuration de base du datetimepicker de bootstrap eonasdan . J’ai créé un violon en utilisant le code de leurs instructions de configuration de base pour montrer ma configuration. Je vois une autre question Stackoverflow sur ce sujet qui a un autre violoneux avec les anciennes versions des mêmes plugins. […]

Comment puis-je append un minimum de jours en fonction de l’heure dans datetimepicker?

Mon code javascript ressemble à ceci: $(function () { $(‘#datepicker’).datetimepicker({ minDate: moment().startOf(‘day’) }).on(‘dp.change’, function(e){ if( e.date && e.date.isSame(moment(), ‘d’) ){ var min = moment().startOf(‘minute’).add(300, ‘m’); $(‘#timepicker’).data(“DateTimePicker”).minDate(min); } else { $(‘#timepicker’).data(“DateTimePicker”).minDate(false); } }); $(‘#timepicker’).datetimepicker({ minDate: moment().startOf(‘minute’).add(300, ‘m’), }); }); Démo et code complet comme ceci: https://jsfiddle.net/tyvetr5h/ Mon problème : Par exemple, le 16 août à 21 […]

Angular2 (Beta 11) lève une exception lorsqu’on essaie d’envelopper bootstrap-daterangepicker dans le composant.

Je suis en train d’évaluer Angular2 (Beta 11). Dans un prototype, j’ai essayé de regrouper le bootstrap-daterangepicker ( https://github.com/dangrossman/bootstrap-daterangepicker ) dans un composant. Cependant, j’ai rencontré un problème étrange que je ne peux pas expliquer. (Il semble que le problème ne se produise qu’avec les versions bêta 10 et 11. Je n’ai pas été en […]

La liaison de eonasdan-datetimepicker à un élément créé de manière dynamic renvoie l’erreur «conteneur positionné relatif»

J’ai l’entrée suivante, à laquelle je rattache datetimepicker sur pageload: Cela fonctionne comme prévu. Lorsque l’utilisateur clique sur un bouton, je duplique cette entrée pour permettre plusieurs dates. Code de clonage: Le clonage fonctionne comme prévu, mais un clic sur l’entrée de date déclenche cette erreur: Erreur non capturée: le composant datetimepicker doit être placé […]

Bootstrap-datetimepicker – append dynamicment s’affiche dans la zone incorrecte

Donc, après avoir écrit dans la firebase database via ajax. ma fonction de réussite. construit un élément et l’ajoute à la table. Puis, après l’avoir ajouté à la table, il appelle un datetimepicker sur la nouvelle ligne ajoutée. Cependant, le sélecteur de date / heure (calendrier) apparaît quelque part complètement bizarre. Voir la capture d’écran. […]

Comment limiter l’utilisateur à la saisie de données à l’aide de datetimepicker et désactiver la saisie manuelle?

Je souhaite limiter l’utilisateur à la saisie de données uniquement à l’aide de datetimepicker. Ci-dessous le code que j’utilise: Start $(‘#dtp1’).datetimepicker({ format: ‘DD/MM/YYYY HH:mm A’, daysOfWeekDisabled: [0, 6] }); J’ai essayé d’utiliser l’atsortingbut readonly, mais cela désactive à la fois l’entrée et le datetimepicker. Est-il possible de désactiver le champ de saisie tout en permettant […]

Comment append des secondes au sélecteur de date / heure Bootstrap

J’utilise le datatimepicker de Bootstrap ( https://eonasdan.github.io/bootstrap-datetimepicker/ ). C’est génial mais cela ne montre pas ou ne laisse pas l’utilisateur sélectionner les secondes . $(document).ready(function () { $(‘#datetimepicker1’).datetimepicker({defaultDate: new Date()}); }); Alors, comment choisir les secondes aussi? Et comment obtenir des secondes pour montrer dans le format? Il est actuellement 05/18/2017 1:26 PM , je […]

Bootstrap datetimepicker étrange positionnement sur un div différent

J’utilise bootstrap datetimepicker avec le formatage pour n’activer que le temps d’édition dans mon code, je le fais comme ceci: function setTimepicker(object){ object.datetimepicker({ format: ‘HH:mm’ }); } J’appelle cette fonction dans document.ready comme suit: $(document).ready(function(){ setTimepicker(starttimefield); setTimepicker(endtimefield); }); Le html que j’utilise ressemble à ceci: Create a New Event: Description for main page: Full description: […]