v-text-fieldとDatePickerを組み合わせる - こーひーエンジニアブログ
v-menuを使ってv-text-fieldとDatePickerを組み合わせる <v-menu v-model="menu" max-width="290px" min-width="290px"> <!-- ポップアップを追加する要素にv-on="on" --> <template v-slot:activator="{ on }"> <v-text-field slot="activator" v-model="fromDate" label="fromDate" readonly v-on="on" /> </template> <!-- ポップアップされる内容--> <v-date-picker v-model="fromDate" /> </v-menu> こんな感じに実装することが出来ました。 v-text-fieldはreadOnlyでv-date-pickerと同じv-m
VuetifyのDatepickerの値が消えない - Qiita
VuetifyのDatepicker、すごく便利なんだけど、v-text-fieldと一緒に使った時によく使うclearableで値が消えないなーと思っていたメモ。 何したのか v-text-fieldに@click:clear="date = null"を追加した。 コードは公式サンプルを利用 https://vuetifyjs.com/en/components/date-pickers#date-pickers-formatting-date-using-external-libs <template> <v-menu v-model="menu1" :close-on-content-click="false" full-width max-width="290" > <template v-slot:activator="{ on }"> <v-text-field :value
VuetifyのDate Pickerを日本語化したら"日"ってついてくる、やだキモい - nanisore oishisou
長い前置き（飛ばし読み推奨） 最近、フロント側を完全に脱jQueryして、Vue.js + Vuex + VueRouter + Vuetifyで開発を進めている。 これまでもVue.js + Vuex この２つは使っていたわけなんだけど bootstrapベースであるAdminLTEと組み合わせることに限界を感じていて、 それぞれの開発者がVueライブラリを探して入れてみたり、 自作してみたりみたいなことを、それぞれの案件で繰り返していたわけだ。 心の声（もう、こんなお飾りのjQuery依存のUIフレームワークなんて実際は足枷じゃねーか。確かにデザインは綺麗なんだけど。。） そこで出会ったのがVuetify。 少し使い込んでみた感じ、グリッドレイアウトにflexboxを採用しているので レイアウトに苦戦することもあるけど、それだって新しいbootstrap4も同じだし もはや、これが時代
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【サンプルあり】Vuetify で DatePicker付きの テキストフィールドを作る！【v-date-picker】｜ProgLearn｜エンジニアのためのプログラミング情報メディア
