asp.net时间控件之用法

原文地址：http://blog.youkuaiyun.com/taomanman/article/details/5619581

关于需要用到的JS文件请到地址：http://d.download.youkuaiyun.com/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.youkuaiyun.com/space-95339-do-album-picid-551501.html

接下来，您可能最关心的就是如何获取时间值，其实也很简单，只要像下面这样取值即可：

DateTime dtStart = DateTime.ParseExact(tbStartTime.Value, "yyyy-MM-dd", System.Globalization.CultureInfo.CurrentCulture);