Stack Overflow
Stack Overflow

Questions tagged [clockpicker]

It is a clock-style timepicker for Bootstrap or jQuery.

ClockPicker was designed for Bootstrap in the beginning. So Bootstrap (and jQuery) is the only dependency(s).

Since it only used .popover and some of .btn styles of Bootstrap, I picked these styles to build a jQuery plugin. Feel free to use jquery-* files instead of bootstrap-* , for non-bootstrap project.

31 questions
8
votes
1 answer

Angular2 ClockPicker

I am currently exploring all alternatives of clockpicker for a web app working with Angular 2 Something like http://weareoutman.github.io/clockpicker/ for exemple. I have made researches but everything seems not easy to set up. Has anyone came…
HMarteau
  • 654
  • 4
  • 18
4
votes
1 answer

Parameter to set am/pm in clockpicker()

I am using below clockpicker() jquery $('#mon_from').clockpicker({ autoclose: true }); This displays 24 hour clock. Can anybody knows the parameter to set am/pm clock?
Hetal Chauhan
  • 787
  • 10
  • 22
2
votes
1 answer

Bootstrap clock picker Auto Adjustment Issue in modal popup

I am using bootstrap clockpicker(http://weareoutman.github.io/clockpicker/). I am not able to auto adjust clockpicker position. Here is the code for clockpicker: $('.clockpicker').clockpicker({ placement: 'bottom', align: 'left', …
Haseeb Ibrar
  • 337
  • 5
  • 18
2
votes
2 answers

Setting time in textbox corresponding with clockpicker

I am using the clockpicker from http://weareoutman.github.io/clockpicker/ and I am trying to figure out how to show the time in the textbox (always). I want the time to always be shown as "Now" in the textbox but give the user the ability to change…
David Brierton
  • 6,977
  • 12
  • 47
  • 104
1
vote
0 answers

Clockpicker if position fixed doesn't show up at first click

I have a problem that I am not finding a solution. I decided to put clockpicker in position fixed: .popover.clockpicker-popover{ position:fixed; padding-top:80px; } With this setting, I dont't know why, I have to click 2 time on my input to…
Antonio
  • 11
  • 2
1
vote
0 answers

Clock picker not moving on modal popup scroll

Clock picker not moving on modal popup scroll [link text]( http://jsfiddle.net/fahimaga/bohqkcaz/3/)[link text]
user3709786
  • 11
  • 1
1
vote
1 answer

How can I make it work clockpicker in Symfony forms?

I'm trying to make a friendly interface to select TIME and save it to database, so I decided to use bootstrap clockpicker. This is my layout.html.twig: {% extends 'base.html.twig' %} {% block stylesheets %} {{ parent() }}
Pedro Elias Aguilar
  • 57
  • 2
  • 9
1
vote
0 answers

Why won't Jquery ClockPicker work with React?

I am trying to integrate jQuery ClockPicker into my react app, but it won't work. I have possibly tried the all possible ways without success. jQuery itself works well, but the ClockPicker doesn't. It gives me an error: Uncaught TypeError:…
Norayr Ghukasyan
  • 1,298
  • 1
  • 14
  • 28
1
vote
3 answers

Clockpicker not displaying clock

I have a problem using a clockpicker (http://weareoutman.github.io/clockpicker/). It behaves like a textbox, and it does not show the clock. I do not know what the problem could be, since I included the necessary scripts and stylesheets in the…
Vlad Iordache
  • 468
  • 1
  • 5
  • 16
1
vote
0 answers

Implement jQuery timepicker Plugin and update model

Current example - https://plnkr.co/edit/NjKoAP?p=preview I'm trying to add the timepicker plugin https://weareoutman.github.io/clockpicker into my angular2 form and make it update ng-model. As you can see the when the mouse enters the input field…
Tom Bailey-Horton
  • 29
  • 3
1
vote
1 answer

How to show Boot strap clockpicker inline?

I need to show time picker clock style inline in page. I've found this nice component: https://weareoutman.github.io/clockpicker But I can't configure out how to display it inline, so it will be visible immediately without clicking a selector. Can…
user3110705
  • 41
  • 1
1
vote
2 answers

How to add separator between time and meridiem(AM?PM) in clockpicker?

I am using clockpicker for time selection and in that I have used twelvehour:true parameter which displays time with AM/PM. Now the time display using it is like 11:55AM ==> 11:55 AM whereas I want separator in between time and meridiem So, there…
Bhumi Shah
  • 9,323
  • 7
  • 63
  • 104
0
votes
0 answers

Clockpicker issue

Hello i used jquery clockpicker it's work fine but when i dynamic added some element and then re initialize clockpicker on that element it just blink and gone. i made this function for initialize clockpicker function initClockPicker() { …
Nirav Kakadiya
  • 1
  • 1
0
votes
1 answer

How to resolve issue when start time is 10:55 AM and end time is 10:00 PM?

I have two times start time and end time. The code is running properly but when the start time is 10:55 AM and end time is 10:00 PM then it takes start time greater than end time . but it should not. How to resolve the issue.Thanks is advance. …
Demon
  • 11
  • 1
  • 4
0
votes
1 answer

How to get value from clockpicker and pass it to my form f.date_field?

I am building an app that needs user input for a date and a hour of an event.I am using a form_for helper and get the values before f.submit.I am able to take the date correctly through the f.date_field that gives u a build in minicalendar and i am…
Markos Tzetzis
  • 103
  • 1
  • 12
1
2 3