第一步:页面设计
<script type="text/javascript" src="<%=request.getContextPath()%>/js/Calendar.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/getDate.js"></script>
<td class="tdtitle"><font color="#ec0000">*</font>发生时间:</td>
<td>
<s:textfield id="occurrenceDate" name="occurrenceDate" size="10" onfocus="c.show(this);"
readonly="true" onkeydown="if(event.keyCode == 13){onEnter()}" onblur="checkOccurrenceTime()"/>
<img src="<%=request.getContextPath()%>/images/eraser.gif" onclick="delC(0);"/>
</td>
第二步:输入的时间检查
function onEnter(){
checkOccurrenceTime();
}
第三步: 输入的时间检查(失去焦点)
function checkOccurrenceTime(){
// 取得发生日期
var occurrenceDate = document.getElementById("occurrenceDate").value;
// 取得发生时间(将字符串的空格去除)
var occurrenceTime = trim(document.getElementById("occurrenceTime").value);
// 返回结果值
var returnValue = "";
// 判断日期是否输入
if(occurrenceDate != ""){
// 判断发生时间是否为空
if(occurrenceTime != ""){
// 将字符串中的全角字符转换成半角字符
occurrenceTime = DBC2SBC(occurrenceTime);
// 检查时间格式是否正确
returnValue = formatDateTime(occurrenceTime);
if(returnValue == "false"){
alert("您输入的发生时间格式不正确!");
document.getElementById("occurrenceTime").focus();
return;
}else{
document.getElementById("occurrenceTime").value = returnValue;
}
}else{
// 设定默认时间
document.getElementById("occurrenceTime").value = "00:00:00";
}
}
}
分享到:
相关推荐
1.日期时间控件,可以直接点击使用 2.是源代码文件 3.压缩包里面有使用说明文档,并有当初设计时详细的思路流程可以参考
C#用七段数码管作为基础设计的自定义时间控件,测试代码可显示当前时间
本人从众多网站中搜索,然后整理出来的时间控件,共有10款。 经常使用到的日期选择,表单设计,本资源包必不可少。 WEB开发常使用到的JS时间控件。
VS2005 C#时间控件的一个示例程序,通过程序可以学习如何设计时间控件
csdn上设计年月的日期控件汇总 多套控件供参考
移动端日期和时间选择控件lCalendar-master,可供学习设计参考。
非常好用的Date控件,酷炫,而且扁平化设计,在什么样的风格环境下都可以使用
C#控件设计_轻松入门,C#控件开发,在开发中可以利用控件的属性和时间对控件进行处理,帮助开发者,能快速的了解和使用C#开发控件
swing时间控件,windows样式的swing时间控件,windows样式的swing时间控件,windows样式的
labview计算输入控件与当前时间的差值,并以HH:MM:SS形式的字符串显示
自己写的一个自定义时钟,是那种传统的时钟,会根据系统时间而改变时针,分针,秒针,适合初学者使用,用Android studio来写的
解决MSChart添加到资源编辑器时不能示例的问题。
前几年的Android应用源码Demo,主要面向的是学生毕业设计学习。
入智能调整,在输入日期时,会根据日期格式自动调整
基于MFC的界面设计 使用日期控件设置、获取日期时间信息。
自定义 组合框 IP地址框 时间日期控件
MFC Windows 程序设计之时间日期控件,适合初学MFC的小伙伴学习研究,博客中有对应的讲解和演示,避免走弯路,费时费力。也真心希望能够帮助正在苦学MFC Windows 程序设计的小伙伴们,你们的成长是我最大的幸福
树控件的测试 2 下拉框(列表框)测试用例设计 2 文本框为字符型 3 日期控件文本框的测试 4 命令按钮控件的测试 4
虽然就技术上来讲重新设计和开发一个类似于Windows时间控件的技术并不难,但是如果能够在能够很好很方便的运行的基础上再考虑到美观,易用,可扩展性,构架清晰等方面那也不算太容易。从某种意义上来说这个项目算得...
Java日期控件附带使用说明,希望能对java编程爱好者有用