Exemplo de Time Interaction

Prezados, boa noite.

Alguém poderia mostrar um exemplo de como usar o Time Interaction? Digamos que eu tenha uma variavel com a data/hora e quero utilizar o Time Interaction. Tentei seguir as instruções do styleguide mas, não obtive sucesso.

Link: https://style.fluig.com/javascript.html#time-interaction

Detalhe: a idéia é exibir o timeinteraction em uma coluna do meu grid

na tentativa e erro consegui:


<div data-otto-date="1502800538071"></div>
<!--  o valor do atributo é o getTime() -->
<div data-otto-date="1502800566204"></div>
<div data-otto-date="1502800605217"></div>


<script type="text/javascript" id="opaopa">
     var periodo = new Date();
    console.log("opa: " + periodo.toJSON());
    console.log("opa2: " + periodo.getTime());

    FLUIGC.timeInteraction.init({
        period: 10000, 
        parent: 'body',
        attrName: 'otto-date',
        selector: '[data-otto-date]'
    }); 
</script>