jQuery Prettydate

Le plug-in jQuery Prettydate fournit de puissantes fonctions de validation pour les formulaires, facilitant la validation des formulaires côté client tout en offrant de nombreuses personnalisations options pour répondre à divers besoins d’application. Le plugin regroupe un ensemble de méthodes de validation utiles, notamment la validation d'URL et de courrier électronique, et fournit une API pour écrire des méthodes définies par l'utilisateur. Toutes les méthodes groupées utilisent par défaut l'anglais pour les messages d'erreur et ont été traduites dans 37 autres langues.

La version actuelle de ce plug-in est la 1.1.0.

Téléchargez le plugin jQuery Prettydate Validation.

Comment utiliser

Pour utiliser le plug-in Prettydate, vous devez avoir des dates ISO8601 dans le titre : 

<a title="2008-01-28T20:24:17Z">January 28th, 2008</a> <a title="2008-01-27T22:24:17Z">January 27th, 2008</a> <a title="2008-01-26T22:24:17Z">January 26th, 2008</a>

Ensuite, appliquez-leur la méthode PrettyDate : 

$(function() { $("a").prettyDate(); });

Pour localiser le plugin, veuillez remplacer les propriétés dans $.prettyDate.messages. Ici, prenons comme exemple la localisation allemande : 

$.prettyDate.messages = { now: "gerade eben", minute: "vor einer Minute", minutes: $.prettyDate.template("vor {0} Minuten"), hour: "vor einer Stunde", hours: $.prettyDate.template("vor {0} Stunden"), yesterday: "Gestern", days: $.prettyDate.template("vor {0} Tagen"), weeks: $.prettyDate.template("vor {0} Wochen") }

Le plugin met à jour chaque élément sélectionné toutes les 10 secondes. De cette façon, « tout à l'heure » deviendra « il y a 1 minute », puis « il y a x minutes », puis « il y a 1 heure », et ainsi de suite.

Vous pouvez désactiver les mises à jour d'intervalle en spécifiant l'option d'intervalle comme "false": 

$(function() { $("a").prettyDate({ interval: false }); });

Ou définir un intervalle de temps différent, par exemple : intervalle : 1000, qui se met à jour chaque seconde. Élément sélectionné : L'option 

$(function() { $("a").prettyDate({ interval: 1000 }); });

value lit la chaîne de date ISO8601 dans l'attribut title par défaut. Remplacez cette option pour utiliser d'autres propriétés, par exemple une propriété "isodate" personnalisée : 

$(function() { 
	$("a").prettyDate({function() { // "this" 是 DOM 元素return $(this).attr("isodate");} 
	}); });