Questions tagged [pikaday]
A lightweight, no-dependency JavaScript date picker.
pikaday
104
questions
1
vote
1
answer
46
views
Cannot stop a listener in javascript
I'm working with Pikaday (https://github.com/Pikaday/Pikaday).
I'm trying to create a calendar with two months opened at the same time, which would allow to choose a date range.
Everything works ...
0
votes
1
answer
44
views
How do I use Pikaday calendar with unique Div's
I have Div's with the same class name. I can loop through them and console out their unique IDs that have been assigned. I also have code for pikaday that works fine with one Div. I'm now trying to ...
-1
votes
1
answer
211
views
How to get the selected calendar date using Pikaday
I'm new to using a pre-made calendar such as Pikaday. I just can't seem to grasp how to get the selected calendar date. The code I see online to do that just doesn't work for me so I must be doing ...
0
votes
1
answer
220
views
Uncaught RangeError: Maximum call stack size exceeded with Pikaday datepicker in Livewire and Alpine.js integration
I hope you're all doing well. I'm facing an issue while using the Pikaday datepicker plugin with Livewire v3 in my Laravel project.
To implement the datepicker, I followed the tutorial from https://...
0
votes
1
answer
716
views
Do not focus Swal input
I have a standard Swal with input.
Swal.fire({
...
text: "legend",
input: "text",
customClass: { popup: "datepicker-container" },
...
preConfirm: (inputValue) ...
0
votes
1
answer
180
views
Pikaday date picker how to disable the first week?,
I have a question about pikaday im trying to disable the first week, for example right now its 6 October so you should be only allowed to click a date after 13 October. but i cant get it to work. Can ...
-1
votes
1
answer
523
views
How to change the CSS of some days in Pikaday?
I want to change the color of some day's objects in Pikaday, without any disabling. or specify them by a badge.
-1
votes
2
answers
274
views
Can I turn off autocomplete for a Pikaday component?
I have a Pikaday date-picker component and it has a list of suggested (previous) values covering the calendar when using Chrome. I've tried autocomplete='off' and autocomplete='new-password' and ...
0
votes
0
answers
300
views
Pikaday.js date format
I am using pikaday.js date picker.
I have moment.js loaded as well.
If i select 02/02/2022 it stored fine but when the page loads it changes changes the date to a random date.
var qualExpiry = new ...
0
votes
1
answer
418
views
Pikaday uncought error maximum call stack size exceed
I am trying to use pikaday on dynamically generated input element. However it initiates infinite loop making the page unresponsive. Here is my code
$(document).on('focus', '.slcDate', function(){
...
0
votes
1
answer
212
views
how to make scrollable years in pikaday css?
I am using pikaday.min.js and pikaday.min.css in my project. The problem is with the years. When I click the year, the options are the chosen year -10 and +10 years, but there is no scroll option when ...
0
votes
1
answer
402
views
how to scroll years using pikaday?
I am using pikaday.min.js and pikaday.min.css in my project. The problem is with the years. When I click the year, the options are the chosen year -/+ 10 years, but there is no scroll option when the ...
0
votes
1
answer
992
views
How to use pikaday in Laravel / livewire / alpinejs app?
How to use pikaday in Laravel 8 / livewire 2.5 / alpinejs 3 / tailwindcss: 2.2 app ?
I installed with npm pikaday and moment-timezone and added lines in
resources/js/app.js file :
require('./...
1
vote
1
answer
1k
views
Pikaday is not defined in laravel livewire
I am using pikaday datepicker package in laravel and installed pikaday package using npm. After installing the package I have included require('pikaday/pikaday'); in my app.js and run the npm run dev ...
1
vote
1
answer
581
views
Trigger React Pikaday calendar from an icon onClick
I have an app that uses React Pikaday, which is a JS calendar plugin that adds a popup calendar and is bound to an HTML <input> tag. Since it's in React, the wrapper component is called <...