Standard time format other than military?

[Jason Ballantyne]

Any ideas on how to modify the time to 1:00 PM as opposed to 13:00? That would sure be nice, thanks.

[Alex Tselegidis]

Hello! You will have to make some modifications because version 1.0 does not support time formatting (this will be added in the next version).

Change line 367 of "/application/controllers/appointments.php" to

$available_hours[] = $current_hour->format('h:i A'); 

and comment line 395 of the same file

//sort($available_hours, SORT_STRING );

Then you will have to change the width of each time column through file "/assets/js/frontend_book.js", line 333

$('#available-hours').html('<div style="width:80px; float:left;"></div>');

and line 338

$('#available-hours').append('<div style="width:80px; float:left;"></div>');

and finally change line 466 of the same file to 

+ ' ' + Date.parse((($('.selected-hour').text()) ? $('.selected-hour').text() : '00:00')).toString('HH:mm') + ':00',

If you experience issues with this let me know in order to solve them.

[Craig Tucker]

Perfect, that works.  Date.parse was alluding me.  Now I understand.  Thank you.

[Jason Ballantyne]

Alex,

Wonderful work around - It works great.  Thank you so much, I appreciate your help.

Best Regards,

Jason

[Craig Tucker]

It registers but not completely.  I see that the calcEndDatetime function does not seem to work with the 12 hour format.  Only the start time posts to the calendar and the end time does not.

[Craig Tucker]

This is last part of the solution:


At line 503 replace:  + ' ' + $('.selected-hour').text();

with:

+ ' ' + Date.parse((($('.selected-hour').text()) ?$('.selected-hour').text() : '00:00')).toString('HH:mm'),

[Adarsh Pradeep]

Hi guys,

I modified the files Alex had mentioned and it works perfectly for the user in front-end when booking an appointment. What is the appropriate modifications in the .js files for the backend so the calendar too displays it in the same non military time format? I am looking in the backend_calendar.js file but don't want to screw things up. Thanks!

[Tom Le]

Hi,

I have another problem with this.  The first time of booking, the time slots show 08:00 AM , 08:10 AM, etc.... to 06:00 PM, which is sort correctly from 8:00AM to 6:00PM, but after booking the time, the next booking show the sort of the time interval is at 01:00PM, 01:10PM, etc.. to 11:50AM.

Anybody has this problem.  Please advise.

Thanks

[Tom Le]

Here is what I did

commented out the $availa.....
             // $available_hours = array_values($available_hours);
             // sort($available_hours, SORT_STRING );


and added the following ..

            $orderByTime = array();
             foreach($available_hours as $index => $value) {
                $orderByTime[$index]  = strtotime($value);
           }
            array_multisort($orderByTime, SORT_ASC, $available_hours);

[Tristan Nguyen]

Hi

i've completely modify this js to work on AU datetime here is my files.
let me know how you go.

[Commerce Computer Repair]

Hello,

If you want in the backend instead of hour format to have AM/PM to show here is the steps

1) Go to appointment/assets/js

2) go to line 33 and 34 in backend_calendar.js and put

'axisFormat': 'hh:mm t',

            'timeFormat': 'hh:mm t{ - hh:mm t}',

[Dev Team]

Hello,

One more change to keep Selected time active

at frontend_book.js, line no 353

replace line from
'yyyy-MM-dd HH:mm:ss').toString('HH:mm');

to

 'yyyy-MM-dd HH:mm:ss').toString('hh:mm tt');

Also At backend_calendar.js, there are lot of places where we have to change timeformat.