Comments (11)
Fixed this issue and added more options with this new code: https://github.com/diracleo/bootstrap-clockpicker
from clockpicker.
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/
from clockpicker.
I have the same problem with Chrome 40 on Ubuntu 14.
Anybody got a fix?
from clockpicker.
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
from clockpicker.
@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.
from clockpicker.
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
}
});
from clockpicker.
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/
from clockpicker.
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.
from clockpicker.
That's a neat work. Thanks @diracleo
from clockpicker.
@diracleo Your script doesn't work with the default scripts options. the AM PM appears by default. Thanks
from clockpicker.
open the modal with javascript , example-> your id modal is :
from clockpicker.
Related Issues (20)
- How do I set start hour, start minute, end hour, end hour? HOT 1
- Bootstrap 4 support HOT 2
- Loading Clockpicker in jQuery Modal HOT 3
- [Nooby mistake] auto-close doesn't work
- Can a ClockPicker work when it's dynamically loaded? HOT 3
- Active project and material design look HOT 2
- Use of this library with Webpack/ES6 import
- [FIXED] e.originalEvent.touches is empty in chrome HOT 1
- Need a space between HH:SS AM HOT 2
- How to use Jquery clockpicker with React? HOT 1
- Clockpicker still showing in disabled
- the feedback events have no parameters HOT 3
- How to change the size of clockpicker? HOT 4
- Plugin scrolling instead of changing time
- Is it possible to hide the leading zero in single digit times in AM/PM?
- restrict minutes to one choice
- How to get currently selected hour in afterHourSelect event?
- ReferenceError: primordials is not defined HOT 1
- Is this still maintained? HOT 1
- I couldn't localize the AM and PM to some other UTF-8 language. Any help? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from clockpicker.