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
0
votes
1 answer

Angular directive is only loading part of jQuery plugin (pickadate) dynamically

I have an ng-repeat rendering a directive, as the ng-repeat will be of unknown length I'm attempting to dynamically load a jquery plugin on click, via a directive. I believe I'm quite close, however, only part of the plugin loads, and unfortunately…
Kyle G
  • 4,347
  • 4
  • 26
  • 39
0
votes
1 answer

rails semantic ui jquery not updating field

I've run into a strange problem where I can't get a date picker to update the field in a rails app. I've tried a few different date pickers, so it's not a problem with the jquery plugin. Same results. There's nothing strange about what I'm trying to…
Hoffa
  • 197
  • 1
  • 1
  • 12
0
votes
0 answers

pickadate.js navigation events

When using pickadate.js is there any event to listen to when the next/previous month buttons are clicked? I have read through the api and tried to find a response or similar question but I'm coming up short. I understand this might not be the best…
Sinrah
  • 1
0
votes
1 answer

Pickadate seeding one filed from another

I am trying to seed one field from another onChange, almost there but throwing an error when I try and access 'endDate' from within onSet, obviously I don't have access to it from within the function?: var endDate = $('.end-date…
Staple
  • 712
  • 1
  • 10
  • 20
0
votes
1 answer

Set options from service call results in angular-datepicker (pickadate.js)

I am trying to set some options of the angular-datepicker which is based on pickadate using results from a web-api call. So far my code is:
cdsln
  • 830
  • 1
  • 11
  • 33
0
votes
4 answers

Pickadate Time Selector Disappears on Click on JQuery UI Dialog

If you open a time picker in a jQuery dialog using the classic theme and try to use the time picker scroll bar to move down the time list, the time list disappears. You can see the issue here:…
Zendog74
  • 65
  • 2
  • 13
0
votes
1 answer

pickadate.js-3.5.3 converting string date to correct format for mysql DATE

I understand very little about javascript/jquery and am trying to pass the date using the pickadate.js-3.5.3 using html/php/mysql i need to take the user inputed date from pickadate.js-3.5.3 date function and convert it into a format subtible for…
Dan
  • 183
  • 2
  • 14
0
votes
2 answers

Triggering datepicker from function doesnt work

I use a pickadate.js plugin. What i would like to do is to trigger a date container after checkbox is checked, but it somehow doesn't work. I assume it has to do something with out of the scope variables since it works just fine outside the checkbox…
Biker John
  • 2,621
  • 10
  • 33
  • 52
0
votes
1 answer

How to determine if a datepicker was invoked on form post

I am using pickadate.js as a date-picker with the following initialization: $start_cal_input = $("#start-date-picker").pickadate({ min: true, max: 30, editable: true, clear: false, formatSubmit: 'yyyy/mm/dd', …
Jim
  • 4,509
  • 16
  • 50
  • 80
-1
votes
5 answers

Variable in Javascript function

here is my code: $('#date').pickadate({ format: 'mmmm d, yyyy', disable: [ 1, 2, 3, 4, 5 ] }); the "disable" means it will disable the days of week 1, 2, 3, 4, and 5. this is the code that does not work:
baileyJchoi
  • 473
  • 5
  • 17
-1
votes
3 answers

Pickadate.js does not open on click

after we've updated our pickadate from 3.5.4 to 3.5.6 the picker does not open on click. We are using the Date and the Time pickers, none of them shows up. We're using different selectors like: var options = { format: 'HH:i', editable:…
Weissvonnix
  • 731
  • 7
  • 23
-2
votes
1 answer

How to stop the closing of date-picker on blur?

Problem I am using pickadate.js and I want my date-picker calendar to remain open on clicking outside the calendar. Thanks in Advance. What I have tried Firstly, I have tried picker.set('select', new Date());, but it also closes the date picker…
Avtar Sodhi
  • 1
  • 2
-2
votes
1 answer

Convert AM/PM to lowercase in datepicker.js?

In pickadatejs, is it possible to get lowercase format (am/pm) instead of uppercase format (AM/PM), with minimum configuration as possible?
pomba
  • 17
  • 2
1 2 3
…
8
9