[Plugin: Advanced Custom Fields] Date Time Picker

I found this https://trentrichardson.com/examples/timepicker/ which should do the job but I’ve had no luck integrating it into /core/fields/date_picker/date_picker.php

Any help would be great.

Elliot has a register_field function now which is great for extending ACF:
Creating and registering your own field

I’ve used the timepicker extension above, and Elliot’s own datepicker field, to create a time field.

Download these files, unzip and install in your theme directory.

Add the following code to your functions.php file:
register_field('xa_time_field', dirname(__FILE__) . '/custom-fields/timepicker/time_picker.php');

(amend the appended URL as you wish, if necessary)

You should now have a “Time” field type in Advanced Custom Fields!

Around about line 158 in time_picker.php is where you can alter whether the JS displays datetimepicker or just timepicker.

You might want to play around with data_date-format,data_time-format and the format of the date string to get the output you desire.

Hope that helps.

xanderashwell, very cool was just looking to solve this!

I think the zip file on dropbox is corrupt, least from the 3 unzip programs I tried. Might try to write my own files but seemed to perfect that you just adding this 1 hour ago!

Thank you

Hi Geet,

Try again, the zip file was corrupt at my end as well – I’ll also stick a copy up on github when I get a chance.

Hi Xanderashwell,

This is exactly what I’ve been looking for .. but I’m just having some trouble implementing it ….. I’ve copied the files over .. checked the url is correct … added the register field to my functions.php

The ‘Time’ field becomes available, however it just doesn’t seem to function correctly. It doesn’t bring up a selector … just allows me to type in the custom field box.

to try to figure out what I was doing wrong I edited the time_picker.php file and on line 158 I changed it to datepicker .. to test if that would work and it was fine (the date selector displayed as expected) … I just can’t get timepicker or datetimepicker working.

eg.
input.addClass(‘active’).datepicker({

Any ideas? Many thanks!

thanks @xanderashwell for posting your code. It works very well ??

Hi daveleeone,

Can I please ask what you changed line 158 to ?

I’ve tried both:
input.addClass(‘active’).timepicker({
and
input.addClass(‘active’).datetimepicker({

but can’t get it to work … if I change it back to datepicker it works fine …

Cheers