I created this pen as an example of how can your q-date component go from a mutiple selection to a range selection. In this case I clean the v-model every time is clicked the unselected q-radio. Hope you enjoy this, it,s my first Show & Tell.
https://codepen.io/codeThirsty/pen/yLapXQG
Best posts made by codethirsty
-
QDate: Switching from multiple q-date to range q-date
-
Qdate: new types of selection
I was helping a friend and she needed to control the ways of filling the v-model of her q-date component a little bit different. So I made this pen for her but I also wanted to share it with this forum. Here goes the pen.
Latest posts made by codethirsty
-
RE: Q-input hidding the clock
@dobbel said in Q-input hidding the clock:
input[type=“time”]::-webkit-calendar-picker-indicator {
background: none;
}thanks @dobbel . I couldn’t reach that class. Now thanks to you i got the bull by the horns. With
background:none;
the place where the clock was is still used. So I used
input[type="time"]::-webkit-calendar-picker-indicator { display: none; }
and the space is displayed no more. Thanks again!
-
Q-input hidding the clock
When the input is type=‘time’ a little clock appears like a wild pokemon on the right. How can i hide this elusive icon.
Thanks -
Qdate: new types of selection
I was helping a friend and she needed to control the ways of filling the v-model of her q-date component a little bit different. So I made this pen for her but I also wanted to share it with this forum. Here goes the pen.
-
Date Utils imports
I am trying to work in a pen using the cdn https://cdn.jsdelivr.net/npm/quasar@1.14.7/dist/quasar.umd.min.js. This allows me to use all the quasar components, but i am missing the way to acces to utils like date. I usually do this
import {date} from 'quasar'
but I need to know how to use the Date Utils in here
new Vue({ el: '#q-app', data () { return { days: [], }, methods: { dateWork () { let dateString = new Date() return date.isValid(dateString) } } )}
-
RE: Notify-API给的提示可以不显示左上角的数字吗? Can the notify-API prompt not display the upper-left number?
@七分醒 That number can be remove if you set the $q.notify attribute ‘group’ to false. Here goes an example
this.$q.notify({ group: false, message: 'Theese are not the droids you are looking for', color: 'amber-9', icon: 'search' })
Now the default behavior of the $q.notify is to slide up insted of stack
-
QDate: Switching from multiple q-date to range q-date
I created this pen as an example of how can your q-date component go from a mutiple selection to a range selection. In this case I clean the v-model every time is clicked the unselected q-radio. Hope you enjoy this, it,s my first Show & Tell.
https://codepen.io/codeThirsty/pen/yLapXQG -
RE: Validate with :rules if a input v-model is an input
@beets @dobbel I think even so mail validation should be canonical and should be start by the client side.
-
RE: Validate with :rules if a input v-model is an input
Yes, @beets it works perfectly, thanks man!
-
RE: Validate with :rules if a input v-model is an input
@beets thanks i will check it out