2017-08-03 11 views
0
角度NG-ブートストラップ日付ピッカー Site link hereにおいて

、一方Typecriptセクションからコードを取得 1つのインポート "インポート{後、前、等しくは} ./toolsからあります'; "。角度NG-ブートストラップ<strong>範囲選択</strong>部分に日付ピッカー

ここから、クラスの前にこれを得ることができますか?

ツールのファイルはどこから入手できますか、そこからファイルを入手できますか?

答えて

1

上記のtools.tsファイルの意図は、このファイルにあるユーティリティをアプリケーション開発者が提供することです。 ng-bootstrapライブラリの一部ではありませんが、この機能で同様のユーティリティをリリースする予定です。

私たちはデモページにバグがありましたが、tools.tsファイルがどこに来るのか、その内容は明らかではありませんでした。バグが修正されましたし、参考のためhttps://ng-bootstrap.github.io/#/components/datepicker/examples

で作業例を参照することができ、tools.tsファイルには、我々は、最新のデモ版では、このファイルを落とし、ちょうどデモの一部としてutilsのインライン化しました(次のユーティリティが含まれてい):あなたはデモページからフォークplunkerでアクションでそれをすべてを見ることができます

const equals = (one: NgbDateStruct, two: NgbDateStruct) => 
    one && two && two.year === one.year && two.month === one.month && two.day === one.day; 

const before = (one: NgbDateStruct, two: NgbDateStruct) => 
    !one || !two ? false : one.year === two.year ? one.month === two.month ? one.day === two.day 
    ? false : one.day < two.day : one.month < two.month : one.year < two.year; 

const after = (one: NgbDateStruct, two: NgbDateStruct) => 
    !one || !two ? false : one.year === two.year ? one.month === two.month ? one.day === two.day 
    ? false : one.day > two.day : one.month > two.month : one.year > two.year; 

http://plnkr.co/edit/2I13mvvJBSpX9jyG4p5V?p=preview

0

https://github.com/ng-bootstrap/ng-bootstrap/blob/master/demo/src/app/components/datepicker/demos/range/datepicker-range.ts

datapicker-範囲で定義されていることが表示されます。 ただし、ここからはエクスポートされません。

また、ここに表示されます。 https://github.com/ng-bootstrap/ng-bootstrap/blob/master/src/datepicker/ngb-date.ts

この1はNgbDateとしてエクスポートされているので、あなたが行うことができるはず:

import { NgbDate } from '@ng-bootstrap/datepicker/ngb-date'; 
... 
NgbDate.after 

あなたがパスを台無しに少し必要があるかもしれません(しかし、私はそれを一緒に引っ張るインデックスファイルを参照しないでください。

+0

しかしNgbDateを追加すると、自分のアプリケーションのコードを実行するためには役立ちません。だから私はどのように私のアプリケーションに範囲選択の例を置くと思いますか?他のすべての例が完璧に動作しているからです。提案してください。 –

関連する問題