2017-11-21 4 views
0

私はPrimeNgカレンダーを使用して複数の日付を選択していますが、[(ngModel)]を使用してコンポーネントを日付の配列にバインドしています。日付を選択すると、自動的に配列にプッシュされますが、日付を選択解除すると、常にそこに表示されます。ここでPrimeNgカレンダーで日付の配列をバインドしていません

はカレンダーテンプレートです:

<p-calendar name="DupDates" [(ngModel)]="DupDates" [dateFormat]="dateFormat" 
      [monthNavigator]="monthNavigator" 
      [locale]="calendarFr" [readonlyInput]="true" [inline]="true" 
      [maxDateCount]="4" [selectionMode]="multiple"> 
</p-calendar> 

答えて

0

これは明らかにpカレンダーのバグです。私はそれを修正するためのハックを見つけられませんでした。複数選択を削除し、onSelectイベントを使用して日付を追加しました。ここで

は、問題へのリンクです:https://github.com/primefaces/primeng/issues/3876

0

それが基準の問題かもしれません。このデモがあなたに役立つことを願っています。この番号はlinkです。

+0

私はデモの手順に従ったが、私は、日付の選択を解除するとき、それは働いていません。 –

+0

ここにあなたがPrimengカレンダーの選択を解除するために見つけた完璧なコードです... http://plnkr.co/edit/vG1QBJQuTVyEbhQRyM7s?p=preview –

+0

常に同じ問題があります。日付のうち1つを選択解除すると、ディスプレイに常に2つの日付が表示されることがわかります –

0

角括弧をselectionModeから削除します。

[selectionMode]="multiple"selectionMode="multiple"に置き換えます。

+0

私はそれを試しましたが、常に同じ問題 –

関連する問題