B/S结构中的时间输入控件

原创 2004年08月26日 20:21:00

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
 <title>test timeControl</title>
</head>
<script language="JavaScript">
// Written by cloudchen, 2004/03/15
// @name:必须:时间控件名称,自定义,不可重复
// @forObj:必须:对话数据项控件名称,不允许重复
// @fName:可选:时间控件组件,不允许重复
// last modfiy by 农民程序员(191301587@163.com) 2004年9月7日 19:01:02
function timeControl(name,forObj,fName) {
 this.name = name;
 this.fName = fName || "mctr_input_"+this.name;
 
 this.timer = null;
 this.fObj = null;
 
 this.toString = function() {
  var objDate = new Date();
  //
  var sMinute_Common = "class=/"mctr_input/" maxlength=/"2/" name=/""+this.fName+"/" onfocus=/""+
   this.name+".setFocusObj(this)/" onblur=/""+this.name+".setTime(this)/" onkeyup=/""+
   this.name+".prevent(this)/" onkeypress=/"if (!/[0-9]/.test(String.fromCharCode(event.keyCode)))event.keyCode=0/""+
   " onpaste=/"return false/" ondragenter=/"return false/" style=/"ime-mode:disabled/" onPropertychange=/""+
   this.name+".setForObjValue()/"";
  //
  var sButton_Common = "class=/"mctr_arrow/" onfocus=/"this.blur()/" onmouseup=/""+this.name+".controlTime()/" disabled";
 
  var str = "";
  str +=" <style type=/"text/css/">"
  str +=" .mctr_frameborder {"
  str +="  border-left: 1px inset #D4D0C8;"
  str +="  border-top: 1px inset #D4D0C8;"
  str +="  border-right: 1px inset #D4D0C8;"
  str +="  border-bottom: 1px inset #D4D0C8;"
  str +="  width: 130px;"
  str +="  height: 20px;"
  str +="  background-color: #FFFFFF;"
  str +="  overflow: hidden;"
  str +="  text-align: left;"       //text-align: right;
  str +="  vertical-align: text-top;"      
  str +="  font-family: /"Tahoma/";"
  str +="  font-size: 14px;"
  str +=" }"
  str +=" .mctr_arrow {"
  str +="  width: 16px;"
  str +="  height: 10px;"
  str +="  font-family: /"Webdings/";"
  str +="  font-size: 9px;"
  str +="  line-height: 2px;"
  str +="  background-color: #FFFFFF;"
  str +="  padding-left: 2px;"
  str +="  cursor: default;"
  str +=" }"
  str +=" .mctr_table {"
  str +="  padding-top: 0px;"
  str +="  padding-right: 0px;"
  str +="  padding-bottom: 0px;"
  str +="  padding-left: 0px;"
  str +=" }"
  str +=" .mctr_input {"
  str +="  width: 18px;"
  str +="  height: 16px;"
  str +="  border: 0px solid black;"
  str +="  font-size: 12px;"
  str +="  text-align: right;"
  str +="  background-color: transparent;"
  str +=" }"
  str +=" </style>";
  str += "<table border=/"0/" cellspacing=/"0/" cellpadding=/"0/" class=/"mctr_table/">"
  str += "<tr class=/"mctr_table/">"
  str += "<td class=/"mctr_table/">"
  str += "<span class=/"mctr_frameborder/">"
  str += "<input radix=/"24/" value=/""+this.formatTime(objDate.getHours())+"/" "+sMinute_Common+">:"
  str += "<input radix=/"60/" value=/""+this.formatTime(objDate.getMinutes())+"/" "+sMinute_Common+">:"
  str += "<input radix=/"60/" value=/""+this.formatTime(objDate.getSeconds())+"/" "+sMinute_Common+">"
  str += "</span>"
  str += "</td>"
  str += "<td class=/"mctr_table/">"
  str += "<table border=/"0/" cellspacing=/"0/" cellpadding=/"0/" class=/"mctr_table/">"
  str += "<tr class=/"mctr_table/"><td class=/"mctr_table/"><button id=/""+this.fName+"_up/" "+sButton_Common+">5</button></td></tr>"
  str += "<tr class=/"mctr_table/"><td class=/"mctr_table/"><button id=/""+this.fName+"_down/" "+sButton_Common+">6</button></td></tr>"
  str += "</table>"
  str += "</td>"
  str += "<td>"
  str += "<input type=/"Text/" name=/""+forObj+"/" id=/""+forObj+"/" value=/""+this.getNowTime()+"/" style=/"display:'none'/">"
  str += "</td>"
  str += "</tr>"
  str += "</table>"
  return str;
 }
 this.getNowTime=function(){
  var objDate = new Date();
  return this.formatTime(objDate.getHours())+":"+
    this.formatTime(objDate.getMinutes())+":"+
    this.formatTime(objDate.getSeconds());
 }
 this.play = function() {
  this.timer = setInterval(this.name+".playback()",1000);
 }
 this.formatTime = function(sTime) {
  sTime = ("0"+sTime);
  return sTime.substr(sTime.length-2);
 }
 this.playback = function() {
  var objDate = new Date();
  var arrDate = [objDate.getHours(),objDate.getMinutes(),objDate.getSeconds()];
  var objMinute = document.getElementsByName(this.fName);
  for (var i=0;i<objMinute.length;i++) {
   objMinute[i].value = this.formatTime(arrDate[i])
  }
 }
 this.setForObjValue=function(){
  eval("document.all."+forObj+".value=this.getTime()");
 }
 this.prevent = function(obj) {
  clearInterval(this.timer);
  this.setFocusObj(obj);
  var value = parseInt(obj.value,10);
  var radix = parseInt(obj.radix,10)-1;
  if (obj.value>radix||obj.value<0) {
   obj.value = obj.value.substr(0,1);
  }
 }
 this.controlTime = function(cmd) {
  event.cancelBubble = true;
  if (!this.fObj) return;
  clearInterval(this.timer);
  var cmd = event.srcElement.innerText=="5"?true:false;
  var i = parseInt(this.fObj.value,10);
  var radix = parseInt(this.fObj.radix,10)-1;
  if (i==radix&&cmd) {
   i = 0;
  } else if (i==0&&!cmd) {
   i = radix;
  } else {
   cmd?i++:i--;
  }
  this.fObj.value = this.formatTime(i);
  this.fObj.select();
 }
 this.setTime = function(obj) {
  obj.value = this.formatTime(obj.value);
 }
 this.setFocusObj = function(obj) {
  eval("document.all."+this.fName+"_up").disabled = eval("document.all."+this.fName+"_down").disabled = false;
  this.fObj = obj;
 }
 this.getTime = function() {
  var arrTime = new Array(2);
  for (var i=0;i<document.getElementsByName(this.fName).length;i++) {
   arrTime[i] = document.getElementsByName(this.fName)[i].value;
  }
  return arrTime.join(":")
 }
 this.setInitControl=function(){
  var iTime=eval("document.all."+forObj+".value");
  var arrTime=new Array();
  arrTime=str2Array(iTime,":");
  for (var i=0;i<arrTime.length;i++){
   document.getElementsByName(this.fName)[i].value=arrTime[i];
  }
 }
}
//将字符串str按照字符串ch拆分产生数组
function str2Array(str,ch)
{
 var a=new Array();
 var i=0,j=-1,k=0;
 while (i<str.length)
 { 
  j=str.indexOf(ch,j+1);  
  if (j!=-1)
  {
   if (j==0){a[k]="";}else{a[k]=str.substring(i,j);}
   i=j+1;
  }else
  {
   a[k]=str.substring(i,str.length);
   i=str.length;
  }
  k++;
 }
 return a;
}
</script>
<body>
<script language="JavaScript">
<!--
var dateCtrl=new timeControl("dateCtrl","txtDateE");
document.write(dateCtrl);
//-->
</script>
<button onclick="alert(document.all.txtDateE.value)">click me</button>
</body>
</html>


 

Servlet实战详解视频教程(小白基础入门到精通)

-
  • 1970年01月01日 08:00

B/S C/S结构区别及简介

B/S C/S结构区别及简介 B/S结构,即Browser/Server(浏览器/服务器)结构,是随着Internet技术的兴起,对C/S结构的一种变化或者改进的结构。在这种结构下,用户界面完全通过W...
  • vickiyan
  • vickiyan
  • 2005-05-29 21:32:00
  • 10114

c/s结构和b/s结构的区别或其优缺点

B/s结构所谓"B/S"是指Browser/Server(浏览器/服务器),即客户端是标准的浏览器(如Internet Explore,Netscape Navigator等),服务器端为标准的WEB...
  • Apollo_pl
  • Apollo_pl
  • 2006-06-07 20:14:00
  • 5221

数据库系统中C/S和B/S结构

数据库系统中C/S和B/S结构 C/S和B/S技术是当今软件开发中技术架构的两大主流技术,各有优缺点,实际上目前的实际应用中很多方面二者已经融合在一起了,并没有大的区分。本文主要介绍带有数据库应用的...
  • jhobby
  • jhobby
  • 2007-05-20 15:56:00
  • 4887

JavaWeb——B/S,C/S结构,HTTP协议

B/S:开发基于B/S结构项目:目前主要采用三种服务器端语言:JSP,PHP,ASP.NET。这三种语言构成三种常用应用开发组合:JSP+Oracle组合、PHP+MySQL体系、以及ASP.NET+...
  • An1090239782
  • An1090239782
  • 2017-08-29 19:27:15
  • 1201

报表打印控件fastreport2.5

  • 2009年10月26日 13:07
  • 4.47MB
  • 下载

B/S结构简介

    B/S结构,即Browser/Server(浏览器/服务器)结构,是随着Internet技术的兴起,对C/S结构的一种变化或者改进的结构。在这种结构下,用户界面完全通过WWW浏览器实现,一部分...
  • mxq007
  • mxq007
  • 2007-07-26 20:50:00
  • 62356

C#开发B/S方式ActiveX控件

1. 概念 ActiveX 是一个开放的集成平台,为开发人员、 用户和 Web生产商提供了一个快速而简便的在 Internet 和 Intranet 创建程序集成和内容的方法。使用 ActiveX, ...
  • u010411264
  • u010411264
  • 2016-09-07 23:36:49
  • 1552

浅析B/S架构数据库连接方式

前言 在许许多多的B/S架构系统中都涉及到了数据库的链接,那么对于数据库连接的方式有哪些?可能出现的问题是什么? 目录 1.普通连接方式 2.单例模式 3.连接池 分析 普通...
  • cic10235
  • cic10235
  • 2016-07-27 20:03:21
  • 736

C/S 与B/S结构的软件测试的区别

C/S 与B/S结构的软件测试的区别:http://www.chinatesting.cn/326/12585326.shtml
  • songsallyjin
  • songsallyjin
  • 2015-07-30 15:46:31
  • 1358
收藏助手
不良信息举报
您举报文章:B/S结构中的时间输入控件
举报原因:
原因补充:

(最多只允许输入30个字)