From 80a6081875872c2bb3b429b74759adb508b74183 Mon Sep 17 00:00:00 2001 From: Lochlan McBride Date: Mon, 9 Mar 2015 12:28:56 +1100 Subject: [PATCH 1/3] if twelvehour option is used, updates 'AM/PM' states on view --- src/clockpicker.js | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/clockpicker.js b/src/clockpicker.js index 7f208aa..8981b50 100644 --- a/src/clockpicker.js +++ b/src/clockpicker.js @@ -467,6 +467,8 @@ this.spanHours.html(leadingZero(this.hours)); this.spanMinutes.html(leadingZero(this.minutes)); + if (this.hours < 12) this.amOrPm = 'AM'; + // Toggle to hours view this.toggleView('hours'); @@ -526,6 +528,15 @@ this.spanHours.toggleClass('text-primary', isHours); this.spanMinutes.toggleClass('text-primary', ! isHours); + // Select AM/PM + if (this.options.twelvehour) { + if (this.amOrPm === 'AM') { + this.amPmBlock.find('.am-button').trigger('click'); + } else { + this.amPmBlock.find('.pm-button').trigger('click'); + } + } + // Let's make transitions hideView.addClass('clockpicker-dial-out'); nextView.css('visibility', 'visible').removeClass('clockpicker-dial-out'); From 88ccc0019950c1ba7fd4568e1dc6f7e9b2556110 Mon Sep 17 00:00:00 2001 From: Lochlan McBride Date: Mon, 9 Mar 2015 13:59:28 +1100 Subject: [PATCH 2/3] Added spaces to AM/PM text in input and picker --- src/clockpicker.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/clockpicker.css b/src/clockpicker.css index 7d90a24..005018d 100644 --- a/src/clockpicker.css +++ b/src/clockpicker.css @@ -32,9 +32,13 @@ line-height: 30px; text-align: center; } -.clockpicker-popover .popover-title span { +.clockpicker-popover .clockpicker-span-hours, +.clockpicker-popover .clockpicker-span-minutes { cursor: pointer; } +.clockpicker-popover .clockpicker-span-am-pm { + padding: 0 0 0 10px; +} .clockpicker-popover .popover-content { background-color: #f8f8f8; padding: 12px; From f093f89b8183c2e4ce5cfe40b11c4e2047d8431b Mon Sep 17 00:00:00 2001 From: Lochlan McBride Date: Mon, 9 Mar 2015 14:58:15 +1100 Subject: [PATCH 3/3] Close clockpicker when Enter is pressed as well as ESC --- src/clockpicker.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/clockpicker.js b/src/clockpicker.js index 8981b50..bafde30 100644 --- a/src/clockpicker.js +++ b/src/clockpicker.js @@ -489,7 +489,7 @@ // Hide when ESC is pressed $doc.on('keyup.clockpicker.' + this.id, function(e){ - if (e.keyCode === 27) { + if (e.keyCode === 27 || e.keyCode === 13) { self.hide(); } });