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



①绝对位置  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'});
		
	}


日期控件的使用以及控件定位_第1张图片


你可能感兴趣的:(日期控件的使用以及控件定位)