Questions tagged [pickadate]

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

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

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

votes

1 answer

Not able to reset pickadate date picker to point to current month

I am using pickadate for date-picking. Say currently we are in April and I navigate to June or select a date in june and then clear the date. Now if i re-open the datepicker it shows june and not the current month i.e. April. I have the datepicker…

asked May 17 '16 at 17:29

wallop

2,510
1
22
39

votes

1 answer

Pickadate is not understanding my existing date

I'm using pickadate: I have a picker that have his initial value to: 2016-04-14 (yyyy-mm-dd), but when I open the picker, this date is not selected. When I select a new date, format change in input, to 14 April 2016, I don't want this…

jquery pickadate

asked Apr 13 '16 at 20:10

Juliatzin

18,455
40
166
325

votes

1 answer

pickatedate.js disable dates not working

I have a calendar using pickadate.js. After it is initialized, I am trying to run some front-end commands, I got picking a date to work using: $('.arrives.picker__input').pickadate('set').set('select', [arrivalYear, arrivalMonth, arrivalDay]); But…

javascript jquery datepicker pickadate

asked Apr 05 '16 at 11:45

callback

3,981
1
31
55

votes

2 answers

Angular 2 Component - modelbinding is not working

I'm trying to build a wrapper for pickatime (pickadate) in angular 2 but the modeldata is not changing when I select a time. My wrapper-component looks like this: import {Component, AfterContentInit, Input, EventEmitter, ElementRef} from…

typescript angular pickadate

asked Mar 30 '16 at 22:07

Weissvonnix

votes

1 answer

pick-a-date datepicker set value to empty at time of edit in angularjs

At time of edit form, In below code.. I fetched json from fields to row variable.. It shows value for "row.create_tour.startDate" & "row.create_tour.endDate".. when I print them at start of form .. But, when I assign these models to pick-a-date it…

jquery angularjs datepicker pickadate

asked Mar 04 '16 at 12:24

harshal

votes

2 answers

Reference the current DOM element from inside event handler functions (pickadate.js)

So I'm using http://amsul.ca/pickadate.js/ and I'm trying to reference a date object in the DOM from within any of the pickadate event handlers. For example I want to be able to say: onClose: function() { var $this = ?; // <-- How do I define…

javascript pickadate

asked Dec 01 '15 at 09:03