first commit
This commit is contained in:
@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>TimeSpinner Actions - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>TimeSpinner Actions</h2>
|
||||
<p>Click the buttons below to perform actions.</p>
|
||||
<div style="margin:20px 0;">
|
||||
<a href="#" class="easyui-linkbutton" onclick="getValue()">GetValue</a>
|
||||
<a href="#" class="easyui-linkbutton" onclick="setValue()">SetValue</a>
|
||||
<a href="#" class="easyui-linkbutton" onclick="disable()">Disable</a>
|
||||
<a href="#" class="easyui-linkbutton" onclick="enable()">Enable</a>
|
||||
</div>
|
||||
<input id="dt" class="easyui-timespinner" style="width:80px;">
|
||||
<script>
|
||||
function getValue(){
|
||||
var val = $('#dt').timespinner('getValue');
|
||||
alert(val);
|
||||
}
|
||||
function setValue(){
|
||||
$('#dt').timespinner('setValue', '09:45');
|
||||
}
|
||||
function disable(){
|
||||
$('#dt').timespinner('disable');
|
||||
}
|
||||
function enable(){
|
||||
$('#dt').timespinner('enable');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,18 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic TimeSpinner - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Basic TimeSpinner</h2>
|
||||
<p>Click spin button to adjust time.</p>
|
||||
<div style="margin:20px 0;"></div>
|
||||
<input class="easyui-timespinner" style="width:80px;">
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fluid TimeSpinner - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Fluid TimeSpinner</h2>
|
||||
<p>This example shows how to set the width of TimeSpinner to a percentage of its parent container.</p>
|
||||
<div style="margin:20px 0;"></div>
|
||||
<p>width: 50%</p>
|
||||
<input class="easyui-timespinner" style="width:50%;">
|
||||
<p>width: 30%</p>
|
||||
<input class="easyui-timespinner" style="width:30%;">
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Time Range - jQuery EasyUI Demo</title>
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
|
||||
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
|
||||
<link rel="stylesheet" type="text/css" href="../demo.css">
|
||||
<script type="text/javascript" src="../../jquery.min.js"></script>
|
||||
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h2>Time Range</h2>
|
||||
<p>The time value is constrained in specified range.</p>
|
||||
<div style="margin:20px 0;">
|
||||
<span>From 08:30 to 18:00</span>
|
||||
</div>
|
||||
<input class="easyui-timespinner" data-options="min:'08:30',max:'18:00'" style="width:80px;"></input>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user