Filtrando o TimeZone com Moment.js

Aprenda como filtrar o TimeZone utilizando o Angular.js e o Moment.js no lado cliente da aplicação.

1. JavaScript – Filtrando o TimeZone com Moment.js Danilo Raulino de Liz Desenvolvedor Front- End

2. Danilo Raulino de Liz [email protected] https://br.linkedin.com/in/danilo-raulino-de-liz-80007872 https://github.com/daniloliz

3. Agenda Moment.js Conceito Funcionamento Criação de Filtros ( Angular.js ) Exemplos Solução de Caso

4. Conceito Parse, validate , manipulate and display dates in JavaScript .

5. Exemplos Instalando Moment Bower – bower install moment -- save Instalando Moment Timezone Bower – bower install moment-timezone -- save Instalando Angular Bower – bower install angular -- save

6. Funcionamento Format Dates

7. Funcionamento Relative Time

8. Funcionamento Calendar Time

9. Funcionamento Mutiple Locale Support

10. Funcionamento Convert Dates B etween T imezones

11. $ Filter

12. Filtros com Angular

13. Exemplos Criar um filtro em angular.js

14. Caso... Vamos imaginar que temos um sistema que vai atender o agendamento de reuniões a uma equipe global...

15. TimeZone http:// www.timeanddate.com /time/map/

16. Solução de Caso 1 Moment.js

17. Problemas! Toda a responsabilidade fica centralizada na biblioteca moment.js . Caso uma versão entre com alguma variável que não seja filtrada com a biblioteca, não vou ferir apenas o filtro mais sim a regra e a legibilidade do dado no BD.

18. Solução de Caso 2

19. Problemas! Custo alto do projeto. Manutenção trabalhosa e repetitiva. O moment.js ficará centralizado da mesma forma que o primeiro caso.

20. Moment.js Solução de Caso 3 Select Default

21. Problemas! Todas as datas serão filtradas para mostrar o TimeZone correto para o cliente e caso essa prática não seja um padrão dentro da equipe, pode passar para o cliente uma data com o TimeZone default. Para esse caso é interessante a equipe ter uma boa comunicação interna, assim podendo minimizar erros de filtragem.

22. Perguntas?

23. Obrigado!