升级easyUI到1.9.4版本
This commit is contained in:
42
erp_web/js/easyui/demo/timespinner/actions.html
Normal file
42
erp_web/js/easyui/demo/timespinner/actions.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<!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>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<input id="dt" class="easyui-timespinner" label="Select Time:" labelPosition="top" value="01:20" style="width:100%;">
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
25
erp_web/js/easyui/demo/timespinner/basic.html
Normal file
25
erp_web/js/easyui/demo/timespinner/basic.html
Normal file
@@ -0,0 +1,25 @@
|
||||
<!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>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-timespinner" label="Start Time:" labelPosition="top" value="01:20" style="width:100%;">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-timespinner" label="End Time:" labelPosition="top" value="14:45" style="width:100%;">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
erp_web/js/easyui/demo/timespinner/fluid.html
Normal file
25
erp_web/js/easyui/demo/timespinner/fluid.html
Normal file
@@ -0,0 +1,25 @@
|
||||
<!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>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-timespinner" label="width: 100%" labelPosition="top" style="width:100%;">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-timespinner" label="width: 50%" labelPosition="top" style="width:50%;">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
25
erp_web/js/easyui/demo/timespinner/hour12.html
Normal file
25
erp_web/js/easyui/demo/timespinner/hour12.html
Normal file
@@ -0,0 +1,25 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>12 Hour Format - 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>12 Hour Format</h2>
|
||||
<p>Displays in a 12 hour format.</p>
|
||||
<div style="margin:20px 0;"></div>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-timespinner" label="Start Time:" labelPosition="top" value="01:20" hour12="true" style="width:100%;">
|
||||
</div>
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-timespinner" label="End Time:" labelPosition="top" value="14:45" hour12="true" style="width:100%;">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
24
erp_web/js/easyui/demo/timespinner/range.html
Normal file
24
erp_web/js/easyui/demo/timespinner/range.html
Normal file
@@ -0,0 +1,24 @@
|
||||
<!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>
|
||||
<div class="easyui-panel" style="width:100%;max-width:400px;padding:30px 60px;">
|
||||
<div style="margin-bottom:20px">
|
||||
<input class="easyui-timespinner" data-options="label:'Select Time:',labelPosition:'top',min:'08:30',max:'18:00'" style="width:100%;">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user