ASP.NET 自制时间控件

asp.net中也有一个时间控件,总觉得不好用然后就在网上搜了下,自制一个时间空间,个人觉得很不错。

首先在网上下载一个开发包,MY97Datepicker开发包

然后再网页前台引用这个开发包

<script language="javascript" type="text/javascript"src="My97DatePicker/WdatePicker.js">

</script>

  

我这边使用了两种方法来实现

第一种:

页面前台代码:

<tr>
<td align="right" style="width:70px; height:25px">Start_Date:
</td>
<td align="left" style="width: 160px; height: 25px;">
<asp:TextBox ID="txtstart" runat="server" Width="168px"></asp:TextBox></td>
<td align="right" style="width:70px; height:25px">End_Date:
</td>
<td align="left" style="width: 226px; height: 25px;">
<asp:TextBox ID="txtend" runat="server" Width="168px"></asp:TextBox></td>
</tr>

  

然后再page_load里面添加

txtstart.Attributes.Add("onclick", "WdatePicker()")
txtend.Attributes.Add("onclick", "WdatePicker()")

  

第二种直接在html里面完成,不需要后台添加任何代码

<tr>
<td style="width: 150px; background-color: #99cc33;" align="right">
<asp:Label ID="Label2" runat="server" Text="From Date:"></asp:Label>
</td>
<td align="left">
<input id="d4311" readonly="readonly" class="Wdate" type="text" runat="server" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'%y-%M-%d\'}'})"/> 
</td>
<td style="width: 150px; background-color: #99cc33;" align="right">
<asp:Label ID="Label3" runat="server" Text="To Date"></asp:Label>
</td>
<td align="left">
<input id="d4312" readonly="readonly" class="Wdate" type="text" runat="server" onclick="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'%y-%M-%d'})"/>
</td>
</tr>  

好了,这样就可以看到你想要的时间格式的控件了啊,当然你可以根据自己的情况进行修改。

posted @ 2012-10-22 13:49  kevinlxt  阅读(247)  评论(0编辑  收藏  举报