您的位置:首页 > 其它

日期控件的使用以及控件定位

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" />
//定位显示时间控件的位置
function showTopicDateTool(inputDivId){
var inputTop = $('#'+inputDivId).offset().top;
var inputLeft = $('#'+inputDivId).offset().left;

WdatePicker({position:{left:inputLeft,top:inputTop+21},dateFmt:'yyyy-MM-dd'});

}


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐