Pickadate.js

#1

Post by electic » Tue, Nov 20, 2012, 8:21 PM UTC

Re: Pickadate.js

#2

Post by _ea1k » Tue, Nov 20, 2012, 9:01 PM UTC

From the demos it appears that this doesn't have keyboard support. That seems like a major drawback from an accessibility standpoint.

It does look nice and easy otherwise, though.

Re: Pickadate.js

#3

Post by danso » Tue, Nov 20, 2012, 9:11 PM UTC

There is some strange bug in which I cant navigate more than one month before or after. It happens after I fill the initial date box. And then as I play around with the other dropdowns, I suddenly won't be able to move more than one month back or forward in any of the dropdown pickers.

Re: Pickadate.js

#4

Post by quarterto » Tue, Nov 20, 2012, 9:12 PM UTC

I do so wish this came out about a week ago. I had to resort to jQuery UI's datepicker for a thing at work.

Re: Pickadate.js

#5

Post by zaidf » Tue, Nov 20, 2012, 9:14 PM UTC

Looks great. I like that it is big with plenty of spacing. Most date pickers seem to squish together the numbers without any apparent reason.

It'd be so helpful if makers of these js elements put screenshots of what the element looks like on top 3 mobile devices. Of course, this raises the question that they would need access to these devices. Which raises the question, for people who do mobile-heavy web dev, how do you test things rapidly beside having an iPhone next to you to constantly hit refresh?

Re: Pickadate.js

#6

Post by continuations » Tue, Nov 20, 2012, 9:15 PM UTC

How does this differ from the jquery UI datepicker?

Re: Pickadate.js

#7

Post by bti » Tue, Nov 20, 2012, 9:17 PM UTC

zaidf wrote: post #5

Looks great. I like that it is big with plenty of spacing. Most date pickers seem to squish together the numbers without any apparent reason. It'd be so helpful if makers of these js elements put screenshots of what the element looks like on top 3 mobile devices. Of course, this raises the question that they would need access to these devices. Which raises the question, for people who do mobile-heavy web dev, how do…

iOS Simulator with desktop Safari's inspector if needed. If it is a more simple page then a separate browser window resized to mobile size.

Re: Pickadate.js

#8

Post by fudged71 » Tue, Nov 20, 2012, 9:19 PM UTC

_ea1k wrote: post #2

From the demos it appears that this doesn't have keyboard support. That seems like a major drawback from an accessibility standpoint. It does look nice and easy otherwise, though.

Yeah, I agree. There doesn't seem to be an easy way to choose a year. Intuition tells me "this is a text box, I should be able to just edit that text" but it won't let me.

Re: Pickadate.js

#9

Post by petitmiam » Tue, Nov 20, 2012, 9:19 PM UTC

Looks like a really nice jQuery alternative from yui3 calendar (http://yuilibrary.com/yui/docs/calendar/ )

Re: Pickadate.js

#10

Post by premasagar » Tue, Nov 20, 2012, 9:19 PM UTC

Nice. It needs a way to "click off" the picker to close it, without choosing a new date. E.g. the date is pre-selected, I open it, and then I want to close it again without changing the date. I intuitively expected that if I click the original field it will toggle off again, or I clicked elsewhere on the page it would close, like a lightbox overlay.

(tested on iPhone iOS 5.1)