You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
1.6 KiB
49 lines
1.6 KiB
2 years ago
|
<html>
|
||
|
<head>
|
||
|
<script type="text/javascript">
|
||
|
var djConfig = {isDebug: true, extraLocale: ["en-us","es-es","de-de"]};
|
||
|
</script>
|
||
|
<script type="text/javascript" src="../../dojo.js"></script>
|
||
|
<script type="text/javascript">
|
||
|
dojo.require("dojo.debug.console");
|
||
|
dojo.require("dojo.widget.DropdownTimePicker");
|
||
|
</script>
|
||
|
<style>
|
||
|
html, body { width: 100%; height: 100%; }
|
||
|
</style>
|
||
|
<title>DropdownTimePicker tests</title>
|
||
|
</head>
|
||
|
<body>
|
||
|
<h1>DropdownTimePicker tests</h1>
|
||
|
<p>
|
||
|
Here are some time pickers positioned statically.
|
||
|
Drop down should appear below the input box.
|
||
|
</p>
|
||
|
<p>
|
||
|
Wipe:
|
||
|
<input dojoType="dropdowntimepicker" lang="en-us" value="12:00" containertoggle="wipe" containerToggleDuration="300">
|
||
|
Explode:
|
||
|
<input dojoType="dropdowntimepicker" lang="en-us" value="11:00" containertoggle="explode" containerToggleDuration="500">
|
||
|
Fade:
|
||
|
<input dojoType="dropdowntimepicker" lang="en-us" value="10:00" containertoggle="fade" containerToggleDuration="500">
|
||
|
Nothing:
|
||
|
<input dojoType="dropdowntimepicker" lang="en-us" value="9:00">
|
||
|
</p>
|
||
|
<p>
|
||
|
<input id="enabler" type="checkbox" onchange="dojo.widget.byId('bar')[this.checked ? 'enable' : 'disable']();" />
|
||
|
<label for="enabler">enable</label>
|
||
|
<input id="bar" dojoType="dropdowntimepicker" value="13:00" disabled>
|
||
|
</p>
|
||
|
<p>
|
||
|
German:
|
||
|
<input dojoType="dropdowntimepicker" lang="de-de" value="9:00">
|
||
|
Spanish:
|
||
|
<input dojoType="dropdowntimepicker" lang="es-es" value="9:00">
|
||
|
Custom:
|
||
|
<input dojoType="dropdowntimepicker" displayFormat="HH:mm" value="0:00">
|
||
|
Custom:
|
||
|
<input dojoType="dropdowntimepicker" displayFormat="k:mm:ss" value="0:00">
|
||
|
</p>
|
||
|
</body>
|
||
|
</html>
|