[ Mini Kiebo ]
Server: Windows NT DESKTOP-5B8S0D4 6.2 build 9200 (Windows 8 Professional Edition) i586
Path:
D:
/
xampp182
/
htdocs
/
simpeg
/
zapatec
/
zptime
/
zptime
/
demo
/
[
Home
]
File: interval.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <meta name="description" content=" timeInterval - defines how the time changes. For example, a timeInterval of 60 means you can change time at 60 minute intervals. Note when an interval is 60 or above you can NOT change the minutes. Valid intervals are: 1, 2, 3, 4, 5, 6, 10, 15, 30, 60, 120, 180, 240, 300, 360 "> <meta name="keywords" content="dhtml tools,javascript,DHTML Tools,Javascript,ajax,AJAX,Ajax,ajax tools,AJAX Tools,tools controls,simple javascript tools"> <title>Zapatec DHTML Time Widget - Time with Interval Set</title> <!-- Common JS files --> <script type='text/javascript' src='../../utils/zapatec.js'></script> <!-- Custom includes --> <script type="text/javascript" src="../src/zptime.js"></script> <!-- ALL demos need these css --> <link href="../../website/css/zpcal.css" rel="stylesheet" type="text/css"> <link href="../../website/css/template.css" rel="stylesheet" type="text/css"> <style type="text/css"> body { width: 778px; } </style> <link rel="SHORTCUT ICON" href="http://www.zapatec.com/website/main/favicon.ico"> <script> var time = new Zapatec.TimeSelect.setup({ parent : "55", inputField : "sell", inputFormat : "%H : %M", timeInterval : 60 }); var time1 = new Zapatec.TimeSelect.setup({ parent : "56", inputField : "sell1", inputFormat : "%I : %M", timeInterval : 15 }); </script> <style type=text/css> .theDescription { border:1px solid black; padding:3px; background:#FAEBD7; } .theInput { width:60px; } .theDemo { border:3px solid black; margin-bottom:15px; padding:3px; background:#CCFFFF; } .theTime{ padding-bottom:3px; } </style> </head> <body> <div class='zpCalSubHeader' style='text-align:center;'>Time with Interval Set</div> <div class='zpCalDemoText'> <ul> <li><b>timeInterval</b> - defines how the time changes.</li> <li>For example, a timeInterval of 60 means you can change time at 60 minute intervals.</li> <li>Note when an interval is 60 or above you can NOT change the minutes.</li> <li>Valid intervals are: 1, 2, 3, 4, 5, 6, 10, 15, 30, 60, 120, 180, 240, 300, 360</li> </ul> </div> <div align="center" class="theDemo"> <div class="theTime" id="55"></div> <div style="" class="theDescription"> Input for Time: <input class="theInput" type="text" name="date1" id="sell" size="30" value=""> <br/> <b>Time Features: inputFormat = "%H : %M", timeInterval = 60</b> </div> </div> <div align="center" class="theDemo"> <div class=theTime id="56"></div> <div style="" class="theDescription"> Input for Time: <input class="theInput" type="text" name="date1" id="sell1" size="30" value=""> <br/> <b>Time Features: inputFormat = "%I : %M", timeInterval = 15</b> </div> </div> <noscript> <br/> This page uses an <a href='http://www.zapatec.com/website/main/products/suite/'> AJAX Component</a> - Zapatec DHTML Time Widget, but your browser does not support Javascript. <br/> <br/> </noscript> <br/><br/><br/> <div class="footer" style='width: 778px; text-align:center; margin-top:2em'> © 2004-2007 <strong> <a href='http://www.zapatec.com/'>Zapatec, Inc.</a> </strong> </div> </body> </html>