关于需要用到的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="查询" onclick="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);