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 max...
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

Epsilon

Image
Epsilon:- 1. Epsilon has a command set and general philosophy similar to the EMACS-style editors used on many different kinds of computers. If you’ve used an EMACS-style editor before, you will find Epsilon’s most commonly used commands and keys familiar.  2. Epsilon programming editor is by  Lugaru Software Ltd.   Different type of versions available in the market. You can easily download it. 3.  In the scenario the electronics publishing companies use this software for text editing purpose. In Next Post Initial stage for beginners.... how to use it and edit text in a short way....  
Read more