29 questions
1
vote
0
answers
198
views
Vuejs-Datepicker: It shows up but is not working, not clickable or anything else and i dont know why?
Vuejs-Component (btw im using Vuejs2, if its relevant):
import VueDatePicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css';
[...]components: {
VueDatePicker
}...
0
votes
2
answers
1k
views
VueJS Datepicker change the position day and month
I am using this datepicker - vuejs-datepicker. Current date format is MM.DD.YYYY, but I need it in DD.MM.YYYY format. For this I used the following customFormatter function.
customDatepickerFormatter: ...
0
votes
1
answer
663
views
Add confirm button in vuejs-datepicker
I'm interested in the question, can I add a date selection confirmation button on the calendar? I use vuejs-datepicker (vue version 2)
In the component itself, I found only slots for adding elements ...
0
votes
1
answer
552
views
How to fix date issue with momentjs and vuejs-datepicker
I am using vuejs-datepicker and I set datepicker (calendar) to today date by default like this:
<datepicker v-model="theDate" format="yyyy-MM-dd"></datepicker>
<!--...
2
votes
0
answers
114
views
I am unable to view vuejs-datepicker calender in full
<template>
<div>
<vx-card title="Credit Card Request" class="overflow-auto">
<div slot="no-body" class="mt-4">
<...
1
vote
1
answer
2k
views
Is there any way to change props value of a Vue Component from method?
I'm using two "vuejs-datepicker" components in my Vue when i click on of the datepicker which is been named as a "activityFrom" and select the date upon the closing the datepicker ...
0
votes
0
answers
1k
views
Vue How to trigger vuejs-datepicker after it has been closed
In my vuejs-application I have added the vuejs-datepicker which I trigger by clicking a button. When I've chosen a date, the datepicker is closed but when I try to open the datepicker again, nothing ...
1
vote
0
answers
859
views
Component is missing template or render function vuejs 3
I am using @gravitano/vue-date-range-picker. I am using vuejs3.
<script>
import DateRangePicker from "@gravitano/vue-date-range-picker";
...
3
votes
3
answers
8k
views
Proper way to change Bootstrap-Vue text field into mm/dd/yyyy format
I'm using Bootstrap-Vue <b-form-datepicker> component and looking for a way to customise the input date field to mm/dd/yyyy format. Any proper ways ?
<b-input-group class="mb-3">
...
0
votes
1
answer
2k
views
Can't get the value of Date Range Picker (Vuejs)
I am a newbie in VueJS. I want to get the value of the date range that is selected and console.log it when the user clicks the button. However, whenever I click the button, the value printing in ...
0
votes
0
answers
499
views
How to use search button with a vue js datepicker in html?
I am working with a very basic html/VueJs app.
After clicking the "Search" button, the table below it is not rendered.
However, if the From and To dates in the datepicker are refreshed (cleared/...
4
votes
1
answer
5k
views
Languages don't seem to work in vuejs-datepicker
Following exactly the docs's instructions on languages, I'm trying to display the date in German format. Instead I still see it in English: "12 Apr 2020".
Also tried in Spanish, still get &...
0
votes
1
answer
84
views
vuejs datepicker rearrange my template setup
i have try to insert vuejs datepicker in to my vue template but when i add the component it rearrange my template by shifting from right to left. affecting other html elements
this is a picture of my ...
0
votes
1
answer
1k
views
Date-picker sometimes is stuck and I have no error Vuejs
I use vue-date-pick . The problem is that sometimes the date picker is stuck. Ex:(1. select date, (show in input)-> select date, (show in input), select date (don't change in input)), and the problem ...
2
votes
1
answer
5k
views
how to make the date appear completely in vuejs-datepicker (z-index)
I have a vuejs-datepicke component in v-server-table component which is in collapse element
div.collapse > v-server-table.test-table > span > div.form-group > datepicker
<div :class="{...
2
votes
4
answers
11k
views
vuejs-datepicker change styles doesn't work
I'm trying to change the styles of a vuejs-datepicker (https://www.npmjs.com/package/vuejs-datepicker)
<datepicker
format="dd/MM/yyyy"
calendar-class="my_calendar"
input-class="textfield"...
7
votes
4
answers
17k
views
Unable to change width and height of vuejs-datepicker
I looked into this vuejs-datepicker to add datepicker to my project.
<div class="startDate">
<datepicker
v-model="startDate"
format="YYYY-MM-DD"
name="startDate"
>&...
4
votes
2
answers
9k
views
How can I validate date after / date before using VeeValidate v3 and vuejs-datepicker?
How can I validate, using VeeValidate v3 and VueJs-DatePicker, if a date is before or after a certain date?
I am using:
https://www.npmjs.com/package/vuejs-datepicker (latest)
and
https://baianat....
9
votes
1
answer
29k
views
What is the cause of [Vue warn]: Invalid prop: custom validator check failed for prop "value"
I have nuxt.js app, which uses vuejs-datepicker:
<template>
<!-- ... -->
<DatePicker :value="datePicker.value" />
<!-- ... -->
</template>
and bunch of date ...
1
vote
2
answers
9k
views
How to open vuejs datepicker on field focus?
The vuejs datepicker opens only when I click on its input field. I want it to pop up when I focus on its field by pressing tab from the previous field.
I looked for solutions on stackoverflow but ...
1
vote
1
answer
2k
views
How to set time limit in Vue-timepicker?
I am vue-timepicker in my project and below is the code for a component. I want to limit the time from 9:00 AM to 5:00 PM PST?
Is that usingpossible in vue-timepicker component? If yes, Please help ...
1
vote
1
answer
5k
views
Using vuejs-datepicker how do I customise appearance of each date?
I am using the excellent component vuejs-datepicker, and as is so often the case with add-ins like this, it does 99% of what I want, but sadly that's not quite enough ...
I understand that I can set ...
5
votes
0
answers
7k
views
VueJS Datepicker wil not accept dd/MM/yy
UPDATE:
This is a bug and I have raised it as an issue on github. TBH, the component is not really ready for mainstream use yet.
My vuejs-datepicker will not accept a dd/mm/yy format if the day is ...
0
votes
1
answer
374
views
Access Component props from third party component - vuejs datepicker
Any ideas to access this Datepicker prop > PickerMonth > pageDate
The idea is, I want to get the month name when @changedMonth is triggered.
<datepicker
:inline="true"
v-model="dateState"
...
0
votes
1
answer
4k
views
Vue JS date of birth picker
I'm setting up a date of birth field.
How can I set the "Year" as my first popup window? instead of calendar view popup.
The view package I'm using is "vue2-datepicker"
I would like to choose the "...
0
votes
1
answer
357
views
how to substitute named slot from parent to child to grandchild with Vuejs
I am faced with a situation to render a third party date picker and also get the value from the third party component. since it is a third party i can't define a prop on it. However, the third party ...
0
votes
1
answer
1k
views
Sytling vuejs datepicker
I am using vuejs datepicker from this repo
<div class="row">
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<label ...
0
votes
2
answers
180
views
VueJs binding properties to conditions
I am using vue-datepicker and it has certain properties like disabled, calendar-button, etc. I want to bind these properties to conditions or a Boolean in my data object.
I tried <date-picker ...
5
votes
4
answers
7k
views
vuejs-datepicker with required attribute gets submitted without value
vuejs-datepicker setting html required attribute on input fields doesn't work as expected and submits the form without have a input value.
<form>
<datepicker placeholder="Select Date" ...