升级easyUI到1.9.4版本
This commit is contained in:
季圣华
19
erp_web/js/easyui/demo/calendar/basic.html
Normal file
19
erp_web/js/easyui/demo/calendar/basic.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Basic Calendar - 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 Calendar</h2>
|
||||
<p>Click to select date.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-calendar" style="width:250px;height:250px;"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
46
erp_web/js/easyui/demo/calendar/custom.html
Normal file
46
erp_web/js/easyui/demo/calendar/custom.html
Normal file
@@ -0,0 +1,46 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Custom Calendar - 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>Custom Calendar</h2>
|
||||
<p>This example shows how to custom the calendar date by using 'formatter' function.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
|
||||
<div class="easyui-calendar" style="width:250px;height:250px;" data-options="formatter:formatDay"></div>
|
||||
|
||||
<script>
|
||||
var d1 = Math.floor((Math.random()*30)+1);
|
||||
var d2 = Math.floor((Math.random()*30)+1);
|
||||
function formatDay(date){
|
||||
var m = date.getMonth()+1;
|
||||
var d = date.getDate();
|
||||
var opts = $(this).calendar('options');
|
||||
if (opts.month == m && d == d1){
|
||||
return '<div class="icon-ok md">' + d + '</div>';
|
||||
} else if (opts.month == m && d == d2){
|
||||
return '<div class="icon-search md">' + d + '</div>';
|
||||
}
|
||||
return d;
|
||||
}
|
||||
</script>
|
||||
<style scoped="scoped">
|
||||
.md{
|
||||
height:16px;
|
||||
line-height:16px;
|
||||
background-position:2px center;
|
||||
text-align:right;
|
||||
font-weight:bold;
|
||||
padding:0 2px;
|
||||
color:red;
|
||||
}
|
||||
</style>
|
||||
</body>
|
||||
</html>
|
||||
28
erp_web/js/easyui/demo/calendar/disabledate.html
Normal file
28
erp_web/js/easyui/demo/calendar/disabledate.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Disable Calendar Date - 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>Disable Calendar Date</h2>
|
||||
<p>This example shows how to disable specified dates, only allows the user to select Mondays.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
|
||||
<div class="easyui-calendar" style="width:250px;height:250px;" data-options="
|
||||
validator: function(date){
|
||||
if (date.getDay() == 1){
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
30
erp_web/js/easyui/demo/calendar/firstday.html
Normal file
30
erp_web/js/easyui/demo/calendar/firstday.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>First Day of Week - 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>First Day of Week</h2>
|
||||
<p>Choose the first day of the week.</p>
|
||||
|
||||
<div style="margin:20px 0">
|
||||
<select onchange="$('#cc').calendar({firstDay:this.value})">
|
||||
<option value="0">Sunday</option>
|
||||
<option value="1">Monday</option>
|
||||
<option value="2">Tuesday</option>
|
||||
<option value="3">Wednesday</option>
|
||||
<option value="4">Thursday</option>
|
||||
<option value="5">Friday</option>
|
||||
<option value="6">Saturday</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div id="cc" class="easyui-calendar" style="width:250px;height:250px;"></div>
|
||||
</body>
|
||||
</html>
|
||||
23
erp_web/js/easyui/demo/calendar/fluid.html
Normal file
23
erp_web/js/easyui/demo/calendar/fluid.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Fluid Calendar - 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 Calendar</h2>
|
||||
<p>This example shows how to set the width of calendar to a percentage of its parent container.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-panel" style="width:700px;padding:10px">
|
||||
<p>width: 50%, height: 250px</p>
|
||||
<div class="easyui-calendar" style="width:50%;height:250px;"></div>
|
||||
<p>width: 30%, height: 40%</p>
|
||||
<div class="easyui-calendar" style="width:30%;height:40%;"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
19
erp_web/js/easyui/demo/calendar/weeknumber.html
Normal file
19
erp_web/js/easyui/demo/calendar/weeknumber.html
Normal file
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Week Number on Calendar - 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>Week Number on Calendar</h2>
|
||||
<p>This example shows how to display the week number on calendar.</p>
|
||||
<div style="margin:20px 0"></div>
|
||||
<div class="easyui-calendar" showWeek="true" weekNumberHeader="Wk" style="width:250px;height:250px;"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user