Materialize Date Picker
home
Run
screen_rotation
fullscreen
cloud_download
navigate_before
<!DOCTYPE html> <html> <head> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css"> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </head> <body> <input type="text" class="timepicker"> <script> $('.timepicker').pickatime({ default: 'now', // Set default time: 'now', '1:30AM', '16:30' fromnow: 0, // set default time to * milliseconds from now (using with default = 'now') twelvehour: false, // Use AM/PM or 24-hour format donetext: 'OK', // text for done-button cleartext: 'Clear', // text for clear-button canceltext: 'Cancel', // Text for cancel-button autoclose: false, // automatic close timepicker ampmclickable: true, // make AM PM clickable aftershow: function(){} //Function for after opening timepicker }); </script> </body> </html>
<!DOCTYPE html> <html> <head> <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css"> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </head> <body> <input type="text" class="timepicker"> <script> $('.timepicker').pickatime({ default: 'now', // Set default time: 'now', '1:30AM', '16:30' fromnow: 0, // set default time to * milliseconds from now (using with default = 'now') twelvehour: false, // Use AM/PM or 24-hour format donetext: 'OK', // text for done-button cleartext: 'Clear', // text for clear-button canceltext: 'Cancel', // Text for cancel-button autoclose: false, // automatic close timepicker ampmclickable: true, // make AM PM clickable aftershow: function(){} //Function for after opening timepicker }); </script> </body> </html>
Copyrights@tutorialsplane.com