原文地址：http://blog.csdn.net/taomanman/article/details/5619581
關於需要用到的JS文件請到地址：http://d.download.csdn.net/down/2387457/taomanman免費下載;
下面介紹其使用方法：
第一步：
到我提供的地址下載JS文件，並解壓到項目某個目錄下，你自己定啦。
第二步：
在需要用到時間控件的aspx頁面中添加該JS文件中的WdatePicker.js文件。
如<script src="../JS/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
接着就是添加兩個文本框，這個時間控件是利用TextBox進行改造而成的，添加代碼如下：
<asp:panel id="Panel1" style="width: 100%" runat="server" >
起始時間<input id="tbStartTime" type="text" runat="server" style="width: 102px" />
截止時間<input id="tbEndTime" type="text" runat="server" style="width: 102px" />
<asp:Button ID="btnQuery" runat="server" Text="查詢" οnclick="btnQuery_Click" />
</asp:panel>
第三步：
在後臺aspx.cs文件中添加如下代碼：
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
AddDateControl();
tbStartTime.Value = DateTime.Now.ToString("yyyy-MM-dd");
tbEndTime.Value = DateTime.Now.ToString("yyyy-MM-dd");
}
}
/// <summary>
/// 日期輸入框設置
/// </summary>
private void AddDateControl()
{
tbStartTime.Attributes.Add("class", "Wdate");
tbStartTime.Attributes.Add("onfocus", "new WdatePicker(this,'%Y-%M-%D',false)");
tbEndTime.Attributes.Add("class", "Wdate");
tbEndTime.Attributes.Add("onfocus", "new WdatePicker(this,'%Y-%M-%D',false)");
}
以上是對文本框樣式的更改，這是您看到的文本框將是一個DateTimePicker了，效果還是不錯的,點擊後面的鏈接查看效果：http://hi.csdn.net/space-95339-do-album-picid-551501.html
接下來，您可能最關心的就是如何獲取時間值，其實也很簡單，只要像下面這樣取值即可：
DateTime dtStart = DateTime.ParseExact(tbStartTime.Value, "yyyy-MM-dd", System.Globalization.CultureInfo.CurrentCulture);