Add Time

[pvledoux]

Hi,

I would like to add the time to your wonderful date picker.

I did something like:

var now = new Date();
var $custom_date = $( '#input_03' ).pickadate({
    format: 'You selected: dddd, dd/mm/yyyy '+ now.toTimeString(),
    format_submit: 'yyyy-mm-dd HH:MM:ss'
}

but the submitted time is HH:MM:ss. How can I handle that?

[eruiz]

+1

[cemo]

I bet that this issue will be the most wanted one. :) 👍

[amsul]

I'm not so sure I understand what you're doing here. Since there's no way for the user to select a time, this will only append the time at which they selected a date.
Is that the goal?

[cemo]

I am not sure about original intention but I desperately need time support for pickadate.

[pvledoux]

The user don't have to 'pick' a time. In my example I just add the current time, and user can edit it by hand if necessary.

[mgibbs189]

If time support were added, it would need a UI. Even something as simple as a dropdown or two.

[pvledoux]

Or just the ability to edit the field (as it was a text field, like jquery datepicker)?

[amsul]

Not being able to edit the field is important because we want nicely formatted values for the server.

I think time selection warrants a plugin of it's own because of the various ways in which you can ask for and display time..

[garbas]

+1 ... time support would be awesome

[eruiz]

my two cents for time support

[dv336699]

yip +1
I've been using this one, but I'm getting sick to always include jquery ui just for this picker.
http://trentrichardson.com/examples/timepicker/

Thanks

[amsul]

I've been thinking of the various ways to implement time into the plugin. It doesn't seem like there's a nice and clean way of doing this without using too much screen real estate - which is a problem on mobile.

I have a couple ideas I'm playing around with (such as appending another input element for time) which I'll share here soon.

If you guys have seen any other good implementations of a time picker, please do share!

[cemo]

http://tarruda.github.com/bootstrap-datetimepicker/
http://www.ama3.com/anytime/
http://trentrichardson.com/examples/timepicker/
http://labs.perifer.se/timedatepicker/
http://jonthornton.github.com/jquery-timepicker/
http://2007.electronicholas.com/calendar
http://jdewit.github.com/bootstrap-timepicker/

[garbas]

Quoting Cemalettin Koc (2013-01-23 08:31:26)

http://tarruda.github.com/bootstrap-datetimepicker/
http://www.ama3.com/anytime/
http://trentrichardson.com/examples/timepicker/
http://labs.perifer.se/timedatepicker/
http://jonthornton.github.com/jquery-timepicker/
http://2007.electronicholas.com/calendar
http://jdewit.github.com/bootstrap-timepicker/

i really like bootstrap-datetimepicker aproach since it also works nice for
mobile devices.

just dont like that its based on bootstrap

Rok Garbas - http://www.garbas.si

[amsul]

@cemo, nice - that's an awesome variety of options.

I like Jon Thornton's (Google calendar) implementation the best from a UX perspective. One click to pick a time and you're done.

[stas]

Some time ago I sent a PR for the same functionality at Pikaday/Pikaday/pull/18
Looks like the project got abandoned and I'm looking for a more actively deployed alternative.

If you think the work I've done there is something you will consider merging, I can try another PR.

[esbanarango]

+1, I really support this feature!

[amsul]

@stas that looks like a pretty good solution.

I've been working on something a little different than that.. The time-picker branch has a working demo of how it works at the moment. Still needs quite a bit of clean up and testing.

[pvledoux]

Look nice! Is it possible to set a time by default? I mean, selecting the current time when you click on the box?

[amsul]

...and 2 months later, let’s continue the discussion here: v3.0.0: rewrite + time picker 😄