jQuery Girl
  1. jQuery Girl
  3. Comment avoir uniquement le sélecteur de temps dans un widget de sélecteur de date / heure d’amorçage 3 avec une chaîne ajoutée au format
Intereting Posts
Backbone.js: Après avoir effectué Fetch (), restituer uniquement les nouveaux modèles Redéfinition des fonctions jQuery – Meilleures pratiques Comment éviter les clics multiples dans l’animation div in-out Couleur de fond de la carte JQuery case à cocher jquery: ajax POST dans un formulaire – empêche la soumission du formulaire lors d’un appel ajax Analyse XML simple avec l’API Google Picasa et JQuery Jquery valide le nom d’affichage de showerrors Meteor Template.onRendered ou Template.rendered pour utiliser une bibliothèque jQuery? Basculer la classe de l’élément parent en utilisant ng-click? JQuery en boucle et attacher des événements de clic Mettre à jour la liste déroulante de sélection sur le filtrage des données js-grid Insérer une balise span avant # content text jQuery ajax post au service web Comment enregistrer plusieurs valeurs de case à cocher sur un stockage local?

Comment avoir uniquement le sélecteur de temps dans un widget de sélecteur de date / heure d’amorçage 3 avec une chaîne ajoutée au format

Ma question concerne le sélecteur de date / heure bootstrap 3 suivant:

https://eonasdan.github.io/bootstrap-datetimepicker/

J’ai un widget de sélecteur de date et d’heure bootstrap 3 sur un site Web, mais j’aimerais en réalité que ce soit juste un sélecteur de temps.

Ceci est normalement facile à réaliser et peut être fait en utilisant le paramètre format comme suit: 

$('#datetimepicker').datetimepicker({defaultDate:'now',ignoreReadonly: true}); $('#datetimepicker').data("DateTimePicker").format('LT');

Notez le LT pour l’heure locale, ou vous pouvez utiliser: 

 $('#datetimepicker').data("DateTimePicker").format('HH:mm:ss');

Ces deux méthodes fonctionnent car nous avons supprimé toute référence à ce jour.

Cependant, le problème est que j’utilise une chaîne supplémentaire dans mon champ de texte, mon code ressemble donc à ceci: 

 $('#datetimepicker').datetimepicker({defaultDate:'now',ignoreReadonly: true}); $('#datetimepicker').data("DateTimePicker").format('[Departing at:] LT');

Cela vient de ma question précédente ici:

Ajouter du texte personnalisé au champ de texte de sortie dans bootstrap datetimepicker

Cela fonctionne très bien car le champ de texte montre:

entrez la description de l'image ici

Mais il contient toujours un widget de date. Comment puis-je supprimer le widget de date?

Si cela n’est pas possible, y a-t-il un moyen de faire apparaître le widget de temps en premier par défaut, cela suffirait.

Je dois signaler que j’ai essayé d’enlever le 

 defaultDate:'now'

code au cas où il forcerait le sélecteur de date à apparaître, mais cela n’aidait pas.

    C’est un bogue du datetimepicker. Si vous regardez le code, vous verrez qu’il utilise en interne la fonction isEnabled pour déterminer le composant à afficher. isEnabled détermine si le sélecteur de date doit être affiché et si le format contient un D (non sensible à la casse). Malheureusement, il ne prend pas en compte la chaîne d’échappement [] .

    Si l’option de format ne contient pas Y , M , d et D , le composant fonctionnera comme prévu, comme indiqué dans l’exemple suivant: 

     $('#datetimepicker').datetimepicker({ defaultDate:'now', ignoreReadonly: true, format: '[abc:] LT' });