JQuery Time Picker

By -

This is a good Easy Time  picker Given By 
http://timepicker.co/#




Interrogate With your Page : 

Need To Download Following Files :

https://github.com/wvega/timepicker/releases  

https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css
https://cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.js



Header Section :   Load two Files 

<script src="public/js/jquery.timepicker.min.js" type="text/javascript"></script>
 <link href="public/css/jquery.timepicker.min.css" rel="stylesheet" type="text/css"/>


Page  :

HTML:

 <div class="col-md-2 col-sm-6 col-xs-8" >

                           <div class='input-group date' id='divtimeFrom' value="" >
                                    <input type='text' class="form-control" id="timeFrom" name="timeFrom" required="true" />
                                   
                                    </span>
                            </div>
                        </div>

JS:

                       


$('#timeFrom').timepicker({
timeFormat: 'h:mm p',
interval: 60,
minTime: '00',
maxTime: '23:00pm',
defaultTime: '8',
startTime: '00:00',
dynamic: false,
dropdown: true,
scrollbar: false
});


Comments

Post a Comment

Popular posts from this blog

ENOENT: no such file or directory, rename : node_modules/async

By -
Image
I have gone trough follwing error ,when I was updating npm. npm ERR! path /Users/interlectivethree/firebase/fetchme/server/node_modules/winston/node_modules/async npm ERR! code ENOENT npm ERR! errno -2 npm ERR! syscall rename npm ERR! enoent ENOENT: no such file or directory, rename '/Users/interlectivethree/firebase/fetchme/server/node_modules/winston/node_modules/async' -> '/Users/interlectivethree/firebase/fetchme/server/node_modules/winston/node_modules/.async.DELETE' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR!     /Users/interlectivethree/.npm/_logs/2017-07-07T14_17_29_016Z-debug.log I have done sevarel things like package wise unstall and install ,package relocating .But no success .But I think compleate unstall and reinstall is the best option and follwing commands used. npm uninstall ` ls - 1 node_modules | tr '/\n' ' ...
Read more

react-quill Integrate quill-image-resize-module

By -
Image
React-qill  is a great free package which can be used for design editors. However, if you are using the image upload feature, there is a problem of integrating resize package. This was discussed in may treads and I was able to find the best approach integrate it with react-starter-app. https://www.npmjs.com/package/quill-image-resize-module If you use the following code, import Quill from ' quill ' ; import { ImageResize } from ' quill-image-resize-module ' ; Quill . register ( ' modules/imageResize ' , ImageResize); const quill = new Quill (editor, { // ... modules : { // ... imageResize : { // See optional "config" below } } }); The following error is common. TypeError: Cannot read property 'imports' of undefined var d = window.Quill.imports.parchment In order to overcome the issue , you have to update the node_modules/react-scripts/config/webpack.config....
Read more