More than 3 years have passed since last update.

Buefy placeholderが効かない件

Last updated at 2021-06-24Posted at 2021-06-24

概要

上記のようなデザインを実装するために
Buefy公式ドキュメントを参考に実装。(コピペ)

pug

b-datepicker(
  ref="datepicker"
  expanded
  placeholder="Select a date"
)

しかし、実際に表示されたのは以下のデザインで、
公式ドキュメントのような実装にならない。

何よりplaceholderがが効いていないのが一番気になる。
なぜか年/月/日と表示されている。
(なぜか右端にカレンダーアイコンも表示されている)

期待する動きはplaceholder="Select a date"と設定しているのでSelect a dateが表示されていて欲しい。

pug

b-datepicker(
  ref="datepicker"
  expanded
  placeholder="Select a date"
　　:mobile-native="false"
)

上記のコードのように　:mobile-native="false"を追加すると期待するデザインになりました