Stack Overflow
Stack Overflow

Questions tagged [pickadate]

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

pickadate.js is an open source project, shared under an MIT license.

Website API GitHub

Usage

// The date picker 
$('.datepicker').pickadate()

There’s a tonne of options to customize the date and time pickers, such as month/year selectors, time intervals, etc.

There’s also a rich API to extend the functionality of the picker. Some examples are displayed on Codepen.

Features

  • Supports jQuery 1.7 and up.
  • Is ARIA-enabled to be WCAG 2.0 compliant. (added in v3.4)
  • Leaves a tiny footprint of 6kb JS and 2kb CSS. (minified and gzipped)
  • Comes with translations for 39 languages.
  • Has touch & keyboard friendliness.
  • Follows BEM style class naming.
  • Utilizes LESS based stylesheets.
  • Includes a Grunt based build system.

Browser support

Supports all modern browsers – and IE8+.

Specifically, v3 has been tested with Chrome MWA, Firefox MWA, Opera MWA, Safari Mi, Internet Explorer W, Blackberry 6.0+ and Android 3.2+ browsers.

133 questions
1
vote
1 answer

How to show already open date picker with pickadate.js in a modal?

enter image description here Hey, I am opening a modal on click the input field and i want the date-picker as an already open Calendar with an hidden input field. I have already tried autofocus on hidden input and trigger click event on input field…
Avtar Singh
  • 11
  • 3
1
vote
1 answer

Subtracting 1 month from array of dates

The date picker I am using is zero indexed, it displays the "wrong date" by 1 month. So I need to correct for that. I am trying to build an array of dates in the following format and then correct for the bug in the date picker (subtract 1 month) and…
user11981274
1
vote
1 answer

Enable specific days of DatePicker

I'm setting up a website using Office Fabric UI but didn't found a way to enable specific days from the DatePicker component (and disable all the others). My stack consists of Nodejs and React, thus I'm using the office-ui-fabric-react package. This…
benhid
  • 124
  • 1
  • 17
1
vote
1 answer

How do i open the pickadate.js calender on top of the input field

I have a problem in pickadate calender. I found an issue in pickadate at end of the page please go through the attachment . I have to open the pickadate calendar top of the input field while the input field at the end of the browser. I have tried…
maximuz07
  • 21
  • 4
1
vote
0 answers

Pickadate.js setting 'from' 'to' limits

Hello guys I am using pickadate.js to set dates for my project and I have run into an issue. I am adding inputs for picking dates in my project dynamically. I have setup from to limits for them and for the first set inputs they work fine, but for…
Zvezdas1989
  • 1,445
  • 2
  • 16
  • 34
1
vote
1 answer

pickadate does not show a disable days in my ror application

I am having a problem with pickadate component in my rails application. I am not able to disable days in calendar. I'm loading a disable dates in my model in this function: def busy_days days = [] reservations.each do |reservation| …
railsgirl
  • 73
  • 1
  • 8
1
vote
2 answers

Accessing the DOM in the Vue Mounted function

How do I access an element from within the mounted function in a VueJS instance. When I try the following, it tells me that the element is undefined. When I see the DOM it is there. Could this be a case where the element is not rendered before I try…
MontyTheMack
  • 331
  • 1
  • 5
  • 13
1
vote
2 answers

Can't open pickatime, picker.open() is not a function

I've a problem to open the timepicker of pickadate.js I've tried to open it with the code below but it doesn't works for me. I get an error : "picker.open() is not a function". this my js code : $('.timepicker').pickatime({ default: 'now', //…
Jerem
  • 126
  • 1
  • 6
1
vote
1 answer

Pickadate is not a function

I'm currently developping a website using Rails (5.0.2). I'm using Materialize as a framework to make my website pleasant. I'm having an issue with the DatePicker. I need to initialize it with JQuery with something like that…
GaldanM
  • 125
  • 2
  • 12
1
vote
2 answers

Javascript onchange not changing multiple times

I am using a library called pickadate/pickatime. http://amsul.ca/pickadate.js/time/ here is the code: