欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ASP.NET 自制时间控件

程序员文章站 2022-06-11 13:03:03
...

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" οnclick="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" οnclick="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'%y-%M-%d'})"/>
</td>
</tr>  

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

转载于:https://www.cnblogs.com/kevinhome/archive/2012/10/22/2733797.html