PrimeFaces Extensions Showcase

TimeAgo

You've opened this page 2024-11-01T00:01:26+0000.

PrimeFaces Extensions was first released 2012-01-22T23:00:00+0000.

To copy / paste translations, have a look at https://github.com/rmm5t/jquery-timeago/tree/master/locales

Source

XHTML page
Managed bean


                    <script>
  PrimeFacesExt.locales.TimeAgo['nl'] = {
    prefixAgo: null,
    prefixFromNow: "over",
    suffixAgo: "geleden",
    suffixFromNow: null,
    seconds: "minder dan een minuut",
    minute: "ongeveer een minuut",
    minutes: "%d minuten",
    hour: "ongeveer een uur",
    hours: "ongeveer %d uur",
    day: "een dag",
    days: "%d dagen",
    month: "ongeveer een maand",
    months: "%d maanden",
    year: "ongeveer een jaar",
    years: "%d jaar",
    wordSeparator: " ",
    numbers: []
  }
</script>

<p>
    You've opened this page
    <pe:timeAgo value="#{basicTimeAgoController.created}"
                locale="nl" style="font-weight:bold"/>.
</p>
<p>
    PrimeFaces Extensions was first released
    <pe:timeAgo value="#{basicTimeAgoController.firstRelease}"
                locale="nl" style="font-weight:bold"/>.
</p>

Use Cases

Documentation pe:timeAgo

Attributes (move mouse over the names to see data types)

Name	Description
id	Unique identifier of the component in a namingContainer.
rendered	Boolean value to specify the rendering of the component, when set to false component will not be rendered.
binding	An el expression referring to a server side UIComponent instance in a backing bean.
value	Date, ZonedDateTime or LocalDateTime object to render.
widgetVar	Name of the client side widget.
styleClass	Style class of the main container element. Default value is null.
style	Style of the main container element. Default value is null.
locale	String or java.util.Locale representing user locale. Default is a locale specified in view root.
titlePattern	Pattern defining how the date object should be formatted in the HTML title attribute.