27 lines
815 B
HTML
27 lines
815 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Popup Timeicker Example</title>
|
||
|
|
<!-- [1 - LOAD LIBRARIES] -->
|
||
|
|
<link href="tpick-light-pop.css" rel="stylesheet">
|
||
|
|
<script src="tpick-pop.js"></script>
|
||
|
|
<style>
|
||
|
|
html, body { font-family: arial; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Popup Time Picker</h1>
|
||
|
|
|
||
|
|
<!-- [2 - DEFINE YOUR TEXT INPUT + CONTAINER] -->
|
||
|
|
<input type="text" id="input-popup-start"/> ON/OFF <input type="text" id="input-popup-stop"/> <button id="set" type="button" onclick="buttonClick(this);">SET</button>
|
||
|
|
<p>Line</p>
|
||
|
|
|
||
|
|
<!-- [3 - ATTACH DATE PICKER] -->
|
||
|
|
<script>
|
||
|
|
window.addEventListener("load", function(){
|
||
|
|
tpick.attach("input-popup-start");
|
||
|
|
tpick.attach("input-popup-stop");
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|