I want to using datetimepicker from xdan https://github.com/xdan/datetimepicker. Because it suits my needs. but My problem is I use vue. More precisely vuetify https://vuetifyjs.com/en/. i want to implement that. but I doubt if it can be done. so I'm asking here to ask for opinions
Is the datepicker from xdan can be entered into vuetify? or maybe in vuetify there are such components?
You can use this component.
It uses vuetify datepicker and timepicker.
https://www.npmjs.com/package/vuetify-datetime-picker
Related
i'm currently using JSX for Vue component, but currently, the devtool would show a very ugly nested hashed functional component tree like this, is there any way to avoid this? As far as I know, Vue devtools doesn't provide us an option to hide these functional components, therefore this would be very annoying
I'm building a UI package for Form module, I want to use JSX for Vue because that would make contribution much easier when a lot of people from React.js can jump in and help.
My package: https://www.npmjs.com/package/formkl
There are a lot of autocomplete components to VueJS on the internet, but none that I found fit to my project.
I need a autocomplete component with the requisits:
Able to use v-model;
The list is just a suggestion. The input is free to type;
The component is css customizable (I want to use a simple bootstrap design on it).
Can someone help me?
I am new in VueJs and bootstrap vue.
When i use for example the input through my application 100 times and bootstrap-vue is going to change the component then i have to change this through my whole application.
Building my own input component with the bootstrap vue component is that a solution?
How can i achieve this?
<b-form-input v-model="text" placeholder="Enter your name"></b-form-input>
BootstrapVue has pretty much stabilized and one shouldn't see much change in the props (except for maybe expanded usage, or new props). Props that are deprecated or have deprecated syntax, will be noted in the documentation ahead of being removed.
I wonder how can I achieve a simple tooltip component in Vue?
What I try to do is: Hover on element, a component tag will be appended.
I do not know how to compile/render that component into DOM after I append it using jquery. In Angular, this can be achieved by using $compile
This way to implement tooltip may not be a good practice, but I just wonder how to achieve.
Thanks,
I'm learning Vue and Vuetify right now. And I want to develop a Calendar tool combining Vuetify with Laravel.
With v-calendar it is possible to render multiple 'event-indicators'
See example
With Vuetify 'one' event indicator is possible (example), but I don't know how to manage to make it two or even three. Is there any solution for this?
Yes we can, just pass an array for all the colors you want to assign on a particular date, using the allowed-dates prop. It has been included in the vuetify examples as well.
Refer: https://vuetifyjs.com/en/components/date-pickers/#date-pickers-events
Yeah had a play around with it but doesn't seem you can get it to display multiple events as it is :( You can submit it as a feature though here and they're usually quite quick to respond if it's possible or not. Sorry I can't help any other way.