asp.net时间控件之用法
2014-08-05 18:16
393 查看
原文地址: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="查询" 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);
My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。
1、下载My97DatePicker组件包
2、在页面中引入该组件js文件:
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
3、页面使用两个方式:
常规调用: <input id="d11" type="text" onClick="WdatePicker()"/>
图标触发:
<input id="d12" type="text"/>
<img onclick="WdatePicker({el:$dp.$('d12')})" src="My97DatePicker/skin/datePicker.gif" _fcksavedurl="My97DatePicker/skin/datePicker.gif" width="16" height="22"
align="absmiddle">
注:$dp.$ 相当于 document.getElementById
关于需要用到的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);
My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。
1、下载My97DatePicker组件包
2、在页面中引入该组件js文件:
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
3、页面使用两个方式:
常规调用: <input id="d11" type="text" onClick="WdatePicker()"/>
图标触发:
<input id="d12" type="text"/>
<img onclick="WdatePicker({el:$dp.$('d12')})" src="My97DatePicker/skin/datePicker.gif" _fcksavedurl="My97DatePicker/skin/datePicker.gif" width="16" height="22"
align="absmiddle">
注:$dp.$ 相当于 document.getElementById
相关文章推荐
- asp.net时间控件之用法
- asp.net时间控件之用法
- ASP.net中Panel控件用法
- 演练:ASP.NET Wizard 控件的高级用法
- ASP.net:Literal控件用法
- asp.net控件用法--在Repeater中嵌套使用Repeater
- Control Study -> Asp.net几个较复杂的显示数据控件(Repeater/DataList/DataGrid)用法 (示例代码下载)
- asp.net控件用法--在Repeater中嵌套使用Repeater
- [原创]共享一款ASP.NET验证码控件(附详细用法)
- asp.net验证控件用法
- ASP.net:Literal控件用法
- asp.net中RegularExpressionValidator控件中正则表达式用法
- Asp.net 2.0 FileUpload 控件的用法
- ASP.net 中的AJAX学习记录之四 updateProgress控件的简单用法
- ASP.NET:Literal控件用法[转帖]
- asp.net控件用法--在Repeater中嵌套使用Repeater 【转】
- ASP.NET中DataGrid和DataList控件用法比较
- asp.net中的时间日期选择控件
- Control Study -> Asp.net几个较复杂数据控件(Repeater/DataList/DataGrid)用法 (示例代码下载)
- Infragistics ASP.NET控件用法总结