Vuelendar. Um novo projeto da Codest baseado no Vue.js

Fonte código ouf vuelendar pode encontrar no nosso repositório github.

Breve introdução

Precisámos de fazer muitos "hacks". A certa altura, decidimos que seria mais fácil criar o nosso próprio Vue.js a partir do zero do que personalizar o existente.

Vuelendar permite aos utilizadores selecionar qualquer intervalo de datas:

ou selecionar uma única data:

Como o utilizar?

Se quiser começar a utilizar o vuelendar, basta instalá-lo:

npm install [email protected]

importar estilos no seu ficheiro .vue:

registar os componentes adequados no seu VueJS projeto:

import VRangeSelector from 'vuelendar/components/vl-range-seletor';;
import VDaySelector from 'vuelendar/components/vl-day-seletor';

export default {
  components: {
    VRangeSelector,
    VDaySelector
  },
  data () {
    return {
      range: {},
      data: null
    }
  }
  // ...
}

e utilizar num modelo:

Também pode consultar o repositório com demonstração.

Leia também:

• O relatório semanal da Codest com os melhores artigos sobre tecnologia. WebAssembly e testes de software (8)
• O que é o Ruby on Jets e como criar uma aplicação com ele?
• Como gerir eficazmente os programadores remotos? O guia para CTOs