Vuelendar。Vue.jsをベースにしたCodestの新しいプロジェクト。

ソース コード ウーフ・ブエレンダー github リポジトリ.

簡単な紹介

たくさんのハックをする必要があった。あるとき、私たちは、自分たちのチームを作る方が簡単だと考えた。 Vue既存のカレンダーをカスタマイズするよりも、.jsベースのカレンダーを一から作り直した方がいい。

Vuelendarでは、日付の範囲を選択することができます：

または単一の日付を選択します：

使い方は？

vuelendarを使い始めたいなら、インストールするだけで十分だ：

npm install [email protected]

.vueファイルにスタイルをインポートします：

。

適切なコンポーネントをVueJSに登録します。 プロジェクト:

import VRangeSelector from 'vuelendar/components/vl-range-selector'；
import VDaySelector from 'vuelendar/components/vl-day-selector'；

エクスポートデフォルト
  コンポーネント：{
    VRangeSelector、
    VDaySelector
  },
  データ () {
    を返す {。
      範囲：{},
      date: null
    }
  }
  // ...
}

を作成し、テンプレートで使用する：

でリポジトリをチェックアウトすることもできる。 デモ.

あわせて読みたい：

• Codestの技術記事週間ベストレポート。WebAssemblyとソフトウェアテスト (8)
• Ruby on Jetsとは何か、それを使ってどのようにアプリを作るのか？
• リモート開発者を効果的に管理するには？CTOのためのガイド