hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Champs de saisie de temps personnalisés avec la pipette jQuery

Certains formulaires Web nécessitent des entrées basées sur la date et les plugins de sélection de date peuvent vous aider. Mais, qu'en est -il des entrées de temps ?

Avec le plugin gratuit jQuery plugin Timedropper, vous pouvez ajouter des sélecteurs de temps personnalisés pour définir des rendez-vous, programmer des appels téléphoniques ou à peu près tout ce dont vous avez besoin.

C'est incroyablement simple et vous n'avez besoin que de la bibliothèque jQuery pour commencer. Une fois que vous avez installé cette bibliothèque, vous pouvez ajouter les fichiers Timedropper JS / CSS et les laisser s'exécuter. C'est tout!

Chaque champ de saisie doit être ciblé par un sélecteur jQuery qui ajoute ensuite le champ de saisie Timedropper. Cela a des options que vous pouvez ajouter avec des fonctionnalités supplémentaires (facultatives):

  • Autoswitch - change automatiquement les heures / minutes lors du passage de la souris
  • Méridiens - régler une horloge de 12 heures au lieu d'une horloge de 24 heures
  • Format : définit l'affichage des heures et des minutes (le style par défaut est 13h22)
  • Molette de souris - permet le changement d'heure basé sur le défilement de la molette
  • Init_animation - active les effets d'animation qui s'évanouissent
  • setCurrentTime - ajoute automatiquement l'heure actuelle à la valeur du champ

Si vous êtes encore plus audacieux, vous pouvez changer le style en utilisant quelques thèmes pré-emballés, ou même créer le vôtre à partir de zéro.

Dans une mer de plugins jQuery, Timedropper est les genoux de l'abeille. Il offre vraiment une interface unique pour toute application pour sélectionner un moment quel que soit l'appareil.

Naturellement, il est mobile, donc il fonctionne aussi sur les smartphones et les tablettes. Cependant, je n'aime pas le manque de support num pad . Cela semble être la façon évidente d'entrer dans un moment, donc sans cette fonctionnalité, elle peut se sentir limitante.

Cependant, pour une interface unique et une configuration simple, je recommande Timedropper à tous ceux qui veulent essayer.

Vous pouvez trouver tout le code source gratuitement sur GitHub et vous trouverez une démo incroyablement simple dans ce stylo, ci-dessous.

Si vous avez d'autres idées ou suggestions n'hésitez pas à partager avec le développeur sur Twitter @felice_gattuso.

30 Écran bleu inestimable de la mort (BSoD) à Chuckle

30 Écran bleu inestimable de la mort (BSoD) à Chuckle

Ça peut arriver quand on s'y attend le moins, quand on joue joyeusement à notre jeu préféré et qu'on travaille diligemment sur le rapport demain. Puis, tout à coup, alors que nous sommes sur le point de sauver notre progression, le démon bleu apparaît, vous regarde droit dans les yeux et vous dit qu'une sorte d'erreur fatale et irrécupérable s'est produite. Vous pou

(Conseils techniques et de conception)

10 paquets Atom les plus utiles pour les développeurs Web

10 paquets Atom les plus utiles pour les développeurs Web

Avez-vous essayé Atom? Bien que tout à fait nouveau, beaucoup sont tombés amoureux d'Atom, un éditeur de texte créé par GitHub qui offre de nombreux avantages et surtout est gratuit. Atom est livré avec quelques paquets intégrés, tels que l'intégration avec Git et arborescence. Cependant, à des fins de développement, vous aurez certainement besoin d'autres paquets.Dans ce pos

(Conseils techniques et de conception)