📄 datetest.htm
字号:
<html>
<head>
<title>如何使用 Binary Star 日期控件</title>
<link href="../css/bs.css" rel="stylesheet" type="text/css">
<style>
body{font-family: verdana;font-size: 9pt;}
table{font-family: verdana;font-size: 9pt;}
a{font-family: verdana;font-size: 9pt;color: blue;}
.table_a{border: #bababa 1px solid;border-top: White 0px solid;}
.table_b{border-left: #bababa 1px solid;}
.table_c{border: #bababa 1px solid;}
.table_d{border-bottom:#bababa 1px solid;}
.td_a{background:url(../images/qq.gif);background-repeat:repeat-x;}
.td_b{border-right: #bababa 1px solid; width:150px;}
.button_a{cursor: hand;}
.h1{font-family: verdana;font-weight: normal;font-size: 9pt;color:blue;}
.h1_1{font-family: verdana;font-weight: normal;font-size: 9pt;color:black;}
.h2{font-family: verdana;font-weight: normal;font-size: 9pt;color:red;}
.h2_2{font-family: verdana;font-weight: normal;font-size: 9pt;color:green;}
.h3{font-family: verdana;font-weight: bold;font-size: 10pt;}
</style>
<SCRIPT language=javascript src="../js/bs.js"></SCRIPT>
<SCRIPT language=javascript src="../js/bsdate.js"></SCRIPT>
</SCRIPT>
</head>
<body leftMargin="0" topMargin="0" rightMargin="0" scroll="auto">
<form method="post" name="frmBusiness" target="Test_tree_frame"><b><a
name="目录"></a>
<span>[<a href="../index.htm">回首页</a>]</span>
<span>[<a href="#实例展现">实例展现</a>]</span>
<span>[<a href="#实现步骤">实现步骤</a>]</span>
<span>[<a href="object.htm">常用方法属性</a>]</span>
</b>
<br />
<br />
<ul>
<b><a name="对象结构"></a>
<li><span class="h3">日期控件由一个类组成：BSDate</span><br />
<span class="h1"><b>BSDate：</b></span><span
class="h1_1">日期控件，封装日期对象的操作。</span><br /></li>
</b>
<br />
<br />
<b><a name="实例展现"></a>
<li><span class="h3">实例展现： [<a href="#目录">目录</a>]</span><br />
<span class="h3">式样
<table>
<tr>
<td><input type="button" value="得到时间" onclick="alert(DateSam.getDateStr())"/></td>
<td><input type="button" value="设置显示时间" onclick="DateSam.setTimeShow(!DateSam.showTime)"/></td>
<td><input type="button" value="设置只读" onclick="DateSam.setReadonly(!DateSam.readonly)"/></td>
<td>
<input type="button" value="设置时间(yyyy-mm-dd hh24:mi:ss)" onclick="DateSam.updateDateTime(StringToDate(document.getElementById('inputDate').value));"/>
<input type="text" id="inputDate" value="2005-12-23 12:34:00"/>
</td>
</tr>
<tr>
<td style="width:100%;" valign="top" colspan="5">
<SCRIPT
language="JavaScript">
var DateSam = new BSDate("DateSam", "elm_DateSam");
DateSam.updateTime(00, 00);
DateSam.show();
</SCRIPT>
</td>
</tr>
</table>
</span> </li><br />
<br />
<li><b><a name="实现步骤"></b></a> <span class="h3">实现步骤： [<a href="#目录">目录</a>]</span><br/>
</br>
<table align="left" style="width:100%" border="0"
cellpadding="0" cellspacing="0">
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步骤一：创建一个日期控件
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//定义并初始化日期控件</span><br/>
<span class="h2_2">/*参数：</span><br/>
<span class="h2_2">* 1、日期对象实例</span><br/>
<span class="h2_2">* 2、装载日期控件的文本框名称</span><br/>
<span class="h2_2">* 3、日期控件的只读标志。true：只读；false：可用；缺省为false。</span><br/>
<span class="h2_2">* 3、时间显示标志，在控件展现前后均可设置。false：不显示；true：显示，缺省为true。</span><br/>
<span class="h2_2">*/</span><br/>
<b>
var DateSam = new BSDate("DateSam", "elm_DateSam", false, true);<br/>
</b><br/>
</td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步骤二：初始化日期
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//初始化方式有三种，一种是初始化日期时间，一种只初始化日期，一种只初始化时间</span><br/>
<span class="h2_2">//本例中只初始化时间，其他方式请参照[常用方法属性]</span><br/>
<b>DateSam.updateTime(00, 00);<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步骤四：展现时间控件
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<b>DateSam.show();<br/>
<b></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 步骤二：初始化日期
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<span class="h2_2">//初始化方式有三种，一种是初始化日期时间，一种只初始化日期，一种只初始化时间</span><br/>
<span class="h2_2">//本例中只初始化时间，其他方式请参照[常用方法属性]</span><br/>
<b>DateSam.updateTime(00, 00);<br/>
</b><br/></td>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td>
<table align="left" style="width:700px;" class="table_a" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td height="25px" style="" align="left" class="td_a" colspan="5"> 特别注意
</td>
</tr>
<tr>
<td height="20px" valign="top"><br />
<b>如果发现日期选择界面不能在窗口外，请做如下设置：<br/>
调整IE的安全，在自定义级别中的“允许由脚本初始化的窗口，没有大小和位置限制”项选为启动。</b>
<img src="../images/ie.gif"/>
</tr>
</table>
</td></tr>
<tr><td> </td></tr>
<tr><td><span class="h3">[<a href="#目录">目录</a>]</span></td></tr>
<tr><td> </td></tr>
</table>
</li>
</ul>
</form>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -