用到时间选择器(一)之使用datetimerpicker控件
来源:互联网 发布:淘宝网址转换微信 编辑:程序博客网 时间:2024/04/29 01:43
写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>
初步方案如此,只做记录只用。
- 用到时间选择器(一)之使用datetimerpicker控件
- 用到时间选择器(二)之使用My97控件
- 日历控件(非时间选择器)
- 时间选择器控件学习
- layui时间控件选择器
- 一款好用的时间控件(时间选择器)-jeDate
- java Swing 时间选择器控件
- Swift基础之PickerView(时间)选择器
- 时间选择器之 DateTimePickerDialog
- Bootstrap-daterangepicker(时间范围选择器使用)
- Flex 时间控件(一)
- ngCordova插件(5)之DatePicker时间选择器插件的使用
- Android控件之NumberPicter(数字选择器)的使用
- CSS3系列一(概述、选择器、使用选择器插入内容)
- Android常用控件之按钮选择器/九妹图,按钮点击事件+页面跳转+Toast,单选框.时间日期控件 /时间日期对话框
- jQuery 之 (一)选择器、快捷操作
- 前端技术学习之选择器(一)
- robotframe使用之时间控件点击不了
- 搭建asp.net高性能web站点
- source insight研究——快捷键篇
- silverlight与javascript交互操作
- WPF和WinForm判断组合键
- test
- 用到时间选择器(一)之使用datetimerpicker控件
- source insight研究——正则表达式篇
- IOS Transition Animations 基础一
- Python之struct模块浅谈
- 移动平台:开放与封闭
- 现代编程语言应该拥有的三大特性
- test
- WIFI,蓝牙,电池,背光,SD卡,摄像头,按键,MIC,重力感应等 功能的简单使用
- python2.4 解析json数据