📄 yscalendar.htm
字号:
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<title>YsCalendar 网页日期控件</title>
</head>
<body>
<script language="JavaScript" src="YsCalendar.js"></script>
<div align=center><b style="font-size: 24px">ysCalendar ver 2.0 网页日历控件</b></div><br>
<fieldset><legend>版本描述</legend><pre style="margin: 0">
<b>YsCalendar ver 2.0 新加的功能：</b><br>
1．对日历控件的对象式编程
2．对不同浏览器的兼容包括（netspase、firefox等）
3．有效日期段的起止值设置
4．下拉年份的起止值设置
5．可返回中文日期值设置如（二○○六年五月五）
6．控件中显示日期提示
ysCalendar ver 2.0 Author: squirrel(3674297) mail: yus_703@163.com http://expert.csdn.net/Expert/TopicView1.asp?id=1264734
ysCalendar ver 1.0 Author: squirrel(3674297) mail: yus_703@hotmail.com http://expert.csdn.net/Expert/TopicView1.asp?id=1080595
</pre></fieldset>
<fieldset><br><legend>调用控件及配置的代码示例</legend>
<b>ysCalendar 的调用方法：</b>
<input onfocus="YCalendar.BeginDay='';YCalendar.useTitle=false;YCalendar.useGb=false;YCalendar.maxYear=2056;YCalendar.minYear=1956;YCalendar.EndDay='';calender(this);" value="2005-05-05"><br><br>代码：<span class=code><input onfocus="calender(this)"></span><br><br>
<b>ysCalendar 有效日期段：</b>
<script>
function openexemple1(obj){
YCalendar.maxYear=2056;
YCalendar.minYear=1956;
YCalendar.BeginDay="5/1/2006";
YCalendar.EndDay="7/1/2006";
YCalendar.useGb=false;
YCalendar.useTitle=false;
calender(obj);
}
</script>
<input name="exemple1" id='exemple1' onfocus="openexemple1(this)" value="2005-05-05"><br><br>代码：<span class=code>function openexemple1(obj){
YCalendar.BeginDay="5/1/2006";
YCalendar.EndDay="7/1/2006";
calender(obj);
}<br><input onfocus="openexemple1(this)"></span><br><br>
<b>ysCalendar 配置下拉起始段：</b>
<script>
function openexemple2(obj){
YCalendar.BeginDay="";
YCalendar.EndDay="";
YCalendar.maxYear=2020;
YCalendar.minYear=1970;
YCalendar.useGb=false;
YCalendar.useTitle=false;
calender(obj);
}
</script>
<input name="exemple2" id='exemple2' onfocus="openexemple2(this)" value="2005-05-05"><br><br>代码：<span class=code>function openexemple2(obj){
YCalendar.maxYear=2020;
YCalendar.minYear=1970;
YCalendar.useTitle=false;
calender(obj);
}<br><input onfocus="openexemple2(this)"></span><br><br>
<b>ysCalendar 配置返回中文日期：</b>
<script>
function openexemple3(obj){
YCalendar.BeginDay="";
YCalendar.EndDay="";
YCalendar.maxYear=2056;
YCalendar.minYear=1956;
YCalendar.useGb=true;
YCalendar.useTitle=false;
calender(obj);
}
</script>
<input name="exemple3" id='exemple3' onfocus="openexemple3(this)" value="二○○五年五月五"><br><br>代码：<span class=code>function openexemple3(obj){
YCalendar.useGb=true;
calender(obj);
}<br><input onfocus="openexemple3(this)"></span><br><br>
<b>ysCalendar 配置控件日期提示：</b>
<script>
function openexemple4(obj){
YCalendar.BeginDay="";
YCalendar.EndDay="";
YCalendar.maxYear=2056;
YCalendar.minYear=1956;
YCalendar.useGb=false;
YCalendar.useTitle=true;
calender(obj);
}
</script>
<input name="exemple4" id='exemple4' onfocus="openexemple4(this)" value="2005-05-05"><br><br>
提示格式（2005-05-05）<br>
代码：<span class=code>function openexemple4(obj){
YCalendar.useTitle=true;
calender(obj);
}<br><input onfocus="openexemple4(this)"></span><br><br>
以上控件属性可以同时使用<br><br><br><br><br><br><br>
</fieldset>
</body>
</html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -