1、去官网下载 My97DatePicker 包
http://www.my97.net/
2、比如实现如下图所示功能
2.1 先把下载来的包添加到解决方案
2.2 然后在页面引用css文件和js文件
<link href="My97DatePicker/skin/WdatePicker.css" rel="stylesheet" type="text/css" />
<script src="My97DatePicker/WdatePicker.js" type="text/javascript"></script>
2.3 页面中添加2个label和2个textbox控件,控件设置如下
<asp:Label ID="Label1" runat="server" Text="开始时间:"></asp:Label>
<asp:TextBox ID="txtbStart" runat="server" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate" ></asp:TextBox>
<asp:Label ID="Label2" runat="server" Text="结束时间:"></asp:Label>
<asp:TextBox ID="txtbEnd" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate" runat="server" ></asp:TextBox>
OK,已经完成了,就这么简单。
另外后台取值,直接获取textbox控件的text属性即可。