Top Ad

Bootstrap UI Clock Picker


Use this code to get time in Hours and Minutes in through clockpicker.

<!doctype html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/bootstrap-clockpicker.min.css" rel="stylesheet">
</head>
<body>
<div class="input-group clockpicker" data-autoclose="true">
                                <input type="text" class="form-control" value="09:30" >
                                <span class="input-group-addon">
                                    <span class="fa fa-clock-o"></span>
                                </span>
</div>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clockpicker/0.0.7/bootstrap-clockpicker.min.js"></script>
<script>
$('.clockpicker').clockpicker();
</script>
</html>

Comments

Post a Comment

Popular posts from this blog

Initial-scale, Minimum-scale, Maximum-scale and user-scalable, What are these terms in responsive design?

Term used in meta of responsive Web Page   meta: I t gives the instructions to the browser for controlling the page's dimensions and scaling. viewport: Viewport is the visible area of a web page to the user. Viewport varies according to the device ie. mobile phone <  tablets < computer (Mobile devices has less viewport size compare to tablets and computer)   width: This is the width of viewport of the device.(virtual)   height: This is the width of viewport of the device.(virtual)   device-width: This is the width of device's screen.(Physical)   device-height: This is the width of device's screen.(Physical)  initial-scale: It is used in meta information of a html page for initial zooming of a page means zoom level when the webpage is first loaded by the web browser.  minimum-scale: It defines the minimum value of zooming of Web Page.  maximum-scale: It define maximum zoom. When you access website top priority is maximum-scale=1 won’t allow the use
Read more

Versions of Epsilon

Image
Versions of Epsilon   May 2006 - Epsilon 13 Released  October 2003 - Epsilon 12 Released  January 2002 - Epsilon 11 Released  May 2006 - Epsilon 13 Released   February 2000 - Epsilon 10 Released  October 1997 - Epsilon 9.0 Released  July 1996 - Epsilon 8.0 Released  January 1995 - Epsilon 7.0 Released  April 1993 - Epsilon 6.5 Released  July 1992 - Epsilon 6.0 Released  July 1990 - Epsilon 5.0 Released  October 1989 - Epsilon 4.1 Released  January 1989 - Epsilon 4.0 Released  August 1987 - Epsilon 3.2 Released October 1985 - Epsilon 3.0 Released  January 1985 - Epsilon 2.0 Released August 1984 - Epsilon 1.1 Released I will tell you Keyword and different command of Epsilon in next Chapters.
Read more