用到时间选择器（一）之使用datetimerpicker控件

写OA，其中有个申请请假功能模块，用到日期选择器，初步方案是用到struts2自带的dojo中的 datetimerpicker控件:

<script type="text/javascript">

//截断字符串前后空格

function trim(s){

return s.replace(/^\s*/,"").replace(/\s*$/,"");

}

function checkatt(){

//var start = trim(document.mailForm.elements['attendance.attStart'].value);

//var end = trim(document.mailForm.elements['attendance.attEnd'].value);

var start = dojo.widget.byId("starttime").getDate(); //这里本来是用上面的注释掉得方法获得日期值，但是在IE中出现了问题，导致如果日期为空的话验证报错，貌似是兼容性问题，在同学的代码中发现他是这么写的，改了后居然没事了，无论IE还是火狐都可以正常非空验证了。

var end = dojo.widget.byId("endtime").getDate();

var days = trim(document.mailForm.elements['attendance.attDays'].value);

var approve = trim(document.mailForm.elements['attendance.attApprove'].value);

var reason = trim(document.mailForm.elements['attendance.attReason'].value);

if(start==null||start==""){

alert("开始时间不能为空！");

return false;

}

if(end==null||end==""){

alert("结束时间不能为空！");

return false;

}else if(end<=start){

alert("结束日期必须在开始日期之后！");

return false;

}

if(days==null||days==""){

alert("请假天数不能为空！");

return false;

}else if(isNaN(days)){

alert("天数只能是数字!");

return false;

}else if(days<=0||days>366){

alert("请假天数只能在1-366之间！");

return false;

}

if(approve==null||approve==""){

alert("请选择审批人！");

return false;

}

if((end-start)<0){

alert("结束日期不能再开始日期之前!")

return false;

}

if(reason.length>250){

alert("请假原因不能超过250个字符!")

return false;

}

return true;

}

function insDays(){

var start = dojo.widget.byId("starttime").getDate();

var end = dojo.widget.byId("endtime").getDate();

alert((end-start)/(1000*24*60*60));

}

</script>

<tr>

<td align="right" width="30%">

开始时间:

</td>

<td align="left">

<sx:datetimepicker name="attendance.attStart" id="starttime" displayFormat="yyyy-MM-dd" language="UTF-8"/>

<span style="color: red;font-size: 12px;" id="startSpan">*</span>

</td>

</tr>

<tr>

<td align="right" width="30%">

结束时间:

</td>

<td align="left">

<sx:datetimepicker name="attendance.attEnd" id="endtime" displayFormat="yyyy-MM-dd" language="UTF-8"/>

<span style="color: red;font-size: 12px;" id="endSpan">*</span>

</td>

</tr>

初步方案如此，只做记录只用。