Can't change time value when control inside Bootstrap's "Modal" window (IE 10) about clockpicker

[diracleo]

Fixed this issue and added more options with this new code: https://github.com/diracleo/bootstrap-clockpicker

[CedCannes]

I have the same issue on Firefox 34.0 and Chrome 35 installed on Ubuntu 14
When Clockpicker placed inside bootstrap modal and autoclose set to true it's work.
But if autoclose is set to false, when I click on the done button the "done" function is never called as if I had clicked outside the clickpicker to close it.

here is a fiddle to show it http://jsfiddle.net/9p61p888/

[ksidibe]

I have the same problem with Chrome 40 on Ubuntu 14.
Anybody got a fix?

[ChandanNadig]

Facing the same issue with Chrome 36+, Firefox and IE10. See this stack overflow question http://stackoverflow.com/questions/28814155/using-bootstrap-clockpicker-in-modal-dialog/28815535#28815535

[ksidibe]

@ChandanNadig, Indeed, that's what I ended up doing too (setting autoclose to true). And that works.
Thanks a lot.
I hope this issue is addressed in the next release because, in order to provide a consistant User Experience, I had to go through my app and set autoclose to true everywhere else.

[markerictamo]

Hi guys, I found a temporary solution for this issue, although it would disable the functionality to close the clockpicker on clicking on other elements outside the popover

look for this code in your plugin:

// Hide when clicking or tabbing on any element except the clock, input and addon
$doc.on('click.clockpicker.' + this.id + ' focusin.clockpicker.' + this.id, function(e){
     var target = $(e.target);
     if (target.closest(self.popover).length === 0 &&
         target.closest(self.addon).length === 0 &&
     target.closest(self.input).length === 0) {
             //self.hide(); - >> comment this out
     }
});

[dipaksawant]

Hi guys,
I'm facing same problem but with different case.
I have selecting twelvehour option set to true.
When you select time it only sets to 'pm' like 12:00pm and not for 12:00am

I have updated the @CedCannes fiddle here: https://jsfiddle.net/9p61p888/3/

[govindrajg]

Hi folks,
I too have the same issue with 12 hour clock. Values are not getting updated after clicking 'Done' button. If I set to autoclose:true, then it is not waiting for the user to press 'AM' or 'PM' and by default it is updating 'input' with 'PM'.

I am using Chrome version 43 in Ubuntu.

[the94air]

That's a neat work. Thanks @diracleo

[amirhos712]

@diracleo Your script doesn't work with the default scripts options. the AM PM appears by default. Thanks

[CristianJojoaCabrera]

open the modal with javascript , example-> your id modal is :

Exit

**delete ->data-dismiss="modal" **add a id button or class **javascript -> $('.content_option_edit_exitr_event').show(); this was my solution , i hope to can help you