<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@1.12.4" data-semver="1.12.4" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.js"></script>
</head>
<!-- Compiled and minified CSS -->
<!-- Compiled and minified JavaScript -->
<body>
<div class="row">
<div class="col s12 m6">
<div class="card light-blue lighten-5">
<div class="card-content">
<span class="card-title">Timepicker test</span>
<input class="timepicker" placeholder="Scegli l'orario.." />
</div>
</div>
</div>
<div class="col s12 m6"></div>
</div>
<script src="script.js"></script>
</body>
</html>
// Code goes here
jQuery(document).ready(function(){
jQuery('.timepicker').timepicker({
twelveHour: false
});
});
/* Styles go here */