Picker does not work with type="time" inputs when twelvehour=true

[weareoutman]

Picker does not work with type="time" inputs when twelvehour=true

[johngreep]

The line to determine am/pm doesn't work. I changed it to this and it works fine:
this.amOrPm = this.hours > 12 || period === 'pm' ? 'PM' : 'AM';

[cepm-nate]

Even after I made the corrections above, we were still having problems if they picked 12. Did they mean noon or midnight?

And after reading this http://www.simplecodeworks.com/IQ/midnight.html, I decided to switch to the 24 hour clock.

Seriously, go read it! :-)

[mattcasey]

This is the code that works for me, replacing https://github.com/weareoutman/clockpicker/blob/gh-pages/src/clockpicker.js#L679:

        if (this.options.twelvehour) {
            if (this.input.attr('type') === 'time') {
                var hoursInMilitary = (this.amOrPm === 'PM') ? this.hours + 12 : this.hours;
                value = leadingZero(hoursInMilitary) + ':' + leadingZero(this.minutes);
                value = value + ':00';
            }
            else {
                value = value + this.amOrPm;
            }
        }

[rain01]

I have the same problem... I don't want to edit the source though... I'll just use type=text for now.

[pok81694]

Puedes editar las siguientes lineas
https://github.com/weareoutman/clockpicker/blob/gh-pages/src/clockpicker.js#L465

`       this.hours = +value[0] || 0;
        if (this.options.twelvehour) {
            this.minutes = +value[1].split(' ')[0] || 0;
            this.amOrPm = +value[1].split(' ')[1] || 'AM';
        } else {
            this.minutes = +value[1] || 0;
        }
        this.spanHours.html(leadingZero(this.hours));
        this.spanMinutes.html(leadingZero(this.minutes));
        if (this.options.twelvehour) {
            this.spanAmPm.html(' ' + this.amOrPm);
        }

`