日期控件的使用以及控件定位
2014-06-12 16:44
260 查看
①绝对位置 vs 相对位置
获取页面某一元素的绝对位置
var x = $('#divId').offset().top;
var y = $('#divId').offset().left;
获取页面某一元素的相对位置
var x = $('#divId').position().top;
var y = $('#divId').position().left;
②使用My97DatePicke日期控件 http://download.csdn.net/detail/wangchenggong1988/7489417
<input id="topic_startTime_<s:property value="groupId" escape="false"/>" type="text" onclick="javascript:showTopicDateTool('topic_startTime_<s:property value="groupId" escape="false"/>');" class="Wdate" readonly="readonly" />
至
<input id="topic_endTime_<s:property value="groupId" escape="false"/>" type="text" onclick="javascript:showTopicDateTool('topic_endTime_<s:property value="groupId" escape="false"/>');" class="Wdate" readonly="readonly" />
获取页面某一元素的绝对位置
var x = $('#divId').offset().top;
var y = $('#divId').offset().left;
获取页面某一元素的相对位置
var x = $('#divId').position().top;
var y = $('#divId').position().left;
②使用My97DatePicke日期控件 http://download.csdn.net/detail/wangchenggong1988/7489417
<input id="topic_startTime_<s:property value="groupId" escape="false"/>" type="text" onclick="javascript:showTopicDateTool('topic_startTime_<s:property value="groupId" escape="false"/>');" class="Wdate" readonly="readonly" />
至
<input id="topic_endTime_<s:property value="groupId" escape="false"/>" type="text" onclick="javascript:showTopicDateTool('topic_endTime_<s:property value="groupId" escape="false"/>');" class="Wdate" readonly="readonly" />
//定位显示时间控件的位置 function showTopicDateTool(inputDivId){ var inputTop = $('#'+inputDivId).offset().top; var inputLeft = $('#'+inputDivId).offset().left; WdatePicker({position:{left:inputLeft,top:inputTop+21},dateFmt:'yyyy-MM-dd'}); }
相关文章推荐
- Struts2里面 s:textfield标签 Date类型的格式化以及日期时间控件使用
- 在vb.net中使用webbrowser控件和mshtml以及流操作体会(vb.net内嵌IE,拆取 Web 页)(原创)
- 原创-IBM DB2学习笔记-1:日期以及时间的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程二十一 CalendarExtender (日期)控件的使用
- 如何对动态创建控件进行验证以及在Ajax环境中的使用
- 演示事件(Event)怎样使用以及怎样为用户控件添加一个事件(示例代码下载)
- 演示事件(Event)怎样使用以及怎样为用户控件添加一个事件(示例代码下载)
- 基于asp.net的web页面动态控件创建以及使用
- Control Study->AdRotator广告控件显示自定义配置文件中广告以及与DataGrid控件结合使用显示图片(示例代码下载)
- Control Study->AdRotator广告控件显示自定义配置文件中广告以及与DataGrid控件结合使用显示图片(示例代码下载)
- Control Study->AdRotator广告控件显示自定义配置文件中广告以及与DataGrid控件结合使用显示图片(示例代码下载)
- 基于asp.net的web页面动态控件创建以及使用
- 演示事件(Event)怎样使用以及怎样为用户控件添加一个事件(示例代码下载)
- AutoCompleteExtender控件使用示例以及BUG
- 最简单的方法在DataGrid中自定义样式列(通过继承可以在Datagrid中使用下拉列表框,日期控件等)
- Control Study->AdRotator广告控件显示自定义配置文件中广告以及与DataGrid控件结合使用显示图片(示例代码下载)
- 在.Net下使用Access 的日期类型 及与js的日历控件交互
- 日历控件Calendar使用技巧--根据数据库数据控制日期背景显示颜色
- ASP.NET基础教程-Calendar日期选择控件的使用
- 日期控件Calendar的简单使用