求一有时/分/秒的时间控件

thebestone111 2004-09-14 12:08:53
如题，如果输入后得到的值，不能在控件上控制，请给一份，时间验证函数
...全文
207 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
梅雪香 2004-09-14
  • 打赏
  • 举报
 回复

<TR><TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button1></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button2></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button3></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button4></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button5></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button6></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button7></TD></TR>

<TR><TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button8></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button9></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button10></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button11></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button12></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button13></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button14></TD></TR>

<TR><TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button15></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button16></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button17></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button18></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button19></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: rgb(16,42,143); FONT-SIZE: 15px; WIDTH: 25px" name=button20></TD>
<TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button21></TD></TR>

<TR><TD><INPUT TYPE="button" value=" " onClick="retDate(this.value,this.name)" style="background-color: rgb(208,239,255); COLOR: red; FONT-SIZE: 15px; WIDTH: 25px" name=button22></TD>
梅雪香 2004-09-14
  • 打赏
  • 举报
 回复
月<SELECT name="Mchange" onchange='selectDate()' style="FONT-SIZE: 14px">
<OPTION value=0>一
<OPTION value=1>二
<OPTION value=2>三
<OPTION value=3>四
<OPTION value=4>五
<OPTION value=5>六
<OPTION value=6>七
<OPTION value=7>八
<OPTION value=8>九
<OPTION value=9>十
<OPTION value=10>十一
<OPTION value=11>十二</font>
</SELECT>
<br>
时<SELECT name=SelHour>
<OPTION value=00>00</OPTION>
<OPTION value=01>01</OPTION>
<OPTION value=02>02</OPTION>
<OPTION value=03>03</OPTION>
<OPTION value=04>04</OPTION>
<OPTION value=05>05</OPTION>
<OPTION value=06>06</OPTION>
<OPTION value=07>07</OPTION>
<OPTION value=08>08</OPTION>
<OPTION value=09>09</OPTION>
<OPTION value=10>10</OPTION>
<OPTION value=11>11</OPTION>
<OPTION value=12>12</OPTION>
<OPTION value=13>13</OPTION>
<OPTION value=14>14</OPTION>
<OPTION value=15>15</OPTION>
<OPTION value=16>16</OPTION>
<OPTION value=17>17</OPTION>
<OPTION value=18>18</OPTION>
<OPTION value=19>19</OPTION>
<OPTION value=20>20</OPTION>
<OPTION value=21>21</OPTION>
<OPTION value=22>22</OPTION>
<OPTION value=23>23</OPTION>
</SELECT>
分<SELECT name=SelMinute>
<OPTION value=00>00</OPTION>
<OPTION value=01>01</OPTION>
<OPTION value=02>02</OPTION>
<OPTION value=03>03</OPTION>
<OPTION value=04>04</OPTION>
<OPTION value=05>05</OPTION>
<OPTION value=06>06</OPTION>
<OPTION value=07>07</OPTION>
<OPTION value=08>08</OPTION>
<OPTION value=09>09</OPTION>
<OPTION value=10>10</OPTION>
<OPTION value=11>11</OPTION>
<OPTION value=12>12</OPTION>
<OPTION value=13>13</OPTION>
<OPTION value=14>14</OPTION>
<OPTION value=15>15</OPTION>
<OPTION value=16>16</OPTION>
<OPTION value=17>17</OPTION>
<OPTION value=18>18</OPTION>
<OPTION value=19>19</OPTION>
<OPTION value=20>20</OPTION>
<OPTION value=21>21</OPTION>
<OPTION value=22>22</OPTION>
<OPTION value=23>23</OPTION>
<OPTION value=24>24</OPTION>
<OPTION value=25>25</OPTION>
<OPTION value=26>26</OPTION>
<OPTION value=27>27</OPTION>
<OPTION value=28>28</OPTION>
<OPTION value=29>29</OPTION>
<OPTION value=30>30</OPTION>
<OPTION value=31>31</OPTION>
<OPTION value=32>32</OPTION>
<OPTION value=33>33</OPTION>
<OPTION value=34>34</OPTION>
<OPTION value=35>35</OPTION>
<OPTION value=36>36</OPTION>
<OPTION value=37>37</OPTION>
<OPTION value=38>38</OPTION>
<OPTION value=39>39</OPTION>
<OPTION value=40>40</OPTION>
<OPTION value=41>41</OPTION>
<OPTION value=42>42</OPTION>
<OPTION value=43>43</OPTION>
<OPTION value=44>44</OPTION>
<OPTION value=45>45</OPTION>
<OPTION value=46>46</OPTION>
<OPTION value=47>47</OPTION>
<OPTION value=48>48</OPTION>
<OPTION value=49>49</OPTION>
<OPTION value=50>50</OPTION>
<OPTION value=51>51</OPTION>
<OPTION value=52>52</OPTION>
<OPTION value=53>53</OPTION>
<OPTION value=54>54</OPTION>
<OPTION value=55>55</OPTION>
<OPTION value=56>56</OPTION>
<OPTION value=57>57</OPTION>
<OPTION value=58>58</OPTION>
<OPTION value=59>59</OPTION>
</SELECT>
<br>
</TD></TR>
<TR><TD COLSPAN=7 ALIGN=middle>
<INPUT type="button" value=<< onclick='preYear()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="pre-year"><INPUT type="button" value=" < " onclick='preMonth()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="pre-month"><INPUT type="button" value="今天" onclick='toToday()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="to today"><INPUT type="button" value=" > " onclick='nextMonth()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="next month"><INPUT type="button" value=">>" onclick='nextYear()' name=changeDate style="background-color: rgb(208,239,255); FONT-SIZE: 13px" title="next year">

</TD></TR>
</FORM></TBODY>
<FORM action="" method=post name=oneMonth>
<TBODY>
<TR><TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(255,0,120)>日</FONT></CENTER></TD>
<TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>一</FONT></CENTER></TD>
<TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>二</FONT></CENTER></TD>
<TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>三</FONT></CENTER></TD>
<TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>四</FONT></CENTER></TD>
<TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(16,42,143)>五</FONT></CENTER></TD>
<TD><CENTER><FONT SIZE=1 FACE="Arial" color=rgb(255,0,120)>六</FONT></CENTER></TD></TR>
梅雪香 2004-09-14
  • 打赏
  • 举报
 回复
<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
var ie4=(document.all)?true:false;//browser's type

var currentDate = new Date();

var ny,nm,nd;
ny=currentDate.getYear();
nm=currentDate.getMonth();
nd=currentDate.getDate();


function toToday(){ //show calendar of today
showCalendar(nm,ny);
}
function init() { //initialize calendar
this.dateField = opener.dateField;
this.inDate = dateField.value;
showCalendar(nm,ny);
}


function selectDate() {//change date by select listbox
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
showCalendar(month,year);
}

function preYear() { //click "<<" button
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
year--;
if(year<1995){year=1995;}
showCalendar(month,year);
}

function nextYear() { //click ">>" button
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
year++;
if(year>2050){year=2050;}
showCalendar(month,year);
}

function isRightDate(day,month,year) {//judge the date is right or invalid
var now=new Date();
now.setFullYear(year,month,day);
if(now.getFullYear()>=1995 && now.getFullYear()<=2050){
return true;
}else {
return false;
}
}

function preMonth() {
var day=24;
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
month--;
if(!isRightDate(day,month,year)){month++;}
var now = new Date(year,month,day);
month = now.getMonth();
year = now.getFullYear();
showCalendar(month,year);
}

function nextMonth() {
var day=24;
var month=document.Control.Mchange.selectedIndex;
var year=document.Control.Ychange.selectedIndex+1995;
month++;
if(!isRightDate(day,month,year)){month--;}
var now = new Date(year,month,day);
month = now.getMonth();
year = now.getFullYear();
showCalendar(month,year);
}

function showCalendar(month,year) {
var Tm = parseInt(month);//change day's type to int
var Ty = parseInt(year);
var now = new Date();
now.setFullYear(Ty,Tm,0);//get how many days in previous month
var daysInPreMonth=now.getDate();
now.setFullYear(Ty,Tm+1,0);//get how many days in month
var daysInMonth=now.getDate();
now.setFullYear(Ty,Tm,1);//set Date by parameter
var wday = now.getDay();//get weekday of this Date
var i = 0; //index of day button
var nextday = 1;

for(i=0;i<wday;i++) {
d = daysInPreMonth - wday + i +1;
document.oneMonth.elements[i].value = d;
document.oneMonth.elements[i].name=Tm - 1;
if(ie4){
document.oneMonth.elements[i].style.color="#bbbbbb";
}
}

for(i=wday;i<daysInMonth+wday;i++) {
document.oneMonth.elements[i].value = nextday;
document.oneMonth.elements[i].name=Tm;
if(ie4){
if(i%7==0||i%7==6){
document.oneMonth.elements[i].style.color="red";
}
else{
document.oneMonth.elements[i].style.color="#112a8f";
}
}
nextday++;
}

nextday=1;
for(i=daysInMonth+wday;i<=41;i++) {
document.oneMonth.elements[i].value = nextday;
document.oneMonth.elements[i].name=Tm+1;
if(ie4){
document.oneMonth.elements[i].style.color="#bbbbbb";
}
nextday++;
}

if(Ty==ny && Tm==nm){
document.oneMonth.elements[wday+nd-1].focus();}

document.Control.Mchange.selectedIndex=now.getMonth();
document.Control.Ychange.selectedIndex=now.getFullYear()-1995;
}

function retDate(inDay,inMonth) {
var day=inDay;
var month=inMonth;
var year=document.Control.Ychange.selectedIndex+1995;
var now = new Date();
var s_week = new String();
var s_month = new String();
var s_st = new String();
now.setFullYear(year,month,day);
yyyy=now.getFullYear();
mm=now.getMonth()+1;
dd=now.getDate();
switch(mm) {
case 1: s_month = "Jan"; break;
case 2: s_month = "Feb"; break;
case 3: s_month = "Mar"; break;
case 4: s_month = "Apr"; break;
case 5: s_month = "May"; break;
case 6: s_month = "Jun"; break;
case 7: s_month = "Jul"; break;
case 8: s_month = "Aug"; break;
case 9: s_month = "Sep"; break;
case 10:s_month = "Oct"; break;
case 11:s_month = "Nov"; break;
case 12:s_month = "Dec"; break;
}
if((""+dd).length == 1){dd = "0"+dd;}
if((""+mm).length == 1){mm = "0"+mm;}
dateField.value = yyyy+"/"+mm+"/"+dd+":"+Control.SelHour.value+":"+Control.SelMinute.value+":00";
window.returnValue = yyyy+"/"+mm+"/"+dd+":"+Control.SelHour.value+":"+Control.SelMinute.value+":00";

//dateField.value = dd+"-"+mm+"-"+yyyy;
//window.returnValue = dd+"-"+mm+"-"+yyyy;

window.close();
}

//-->
</SCRIPT>

<TITLE>日历</TITLE>
</HEAD>
<BODY onload="init()">

<DIV align=center>

<TABLE align=center CELLPADDING=0 CELLSPACING=0 BORDER=0>
<FORM name="Control">
<TBODY>

<TR><TD COLSPAN=7 ALIGN=middle>
年<SELECT name="Ychange" onchange='selectDate()' style="FONT-SIZE: 14px">
<OPTION value=1995>1995
<OPTION value=1996>1996
<OPTION value=1997>1997
<OPTION value=1998>1998
<OPTION value=1999>1999
<OPTION value=2000>2000
<OPTION value=2001>2001
<OPTION value=2002>2002
<OPTION value=2003>2003
<OPTION value=2004>2004
<OPTION value=2005>2005
<OPTION value=2006>2006
<OPTION value=2007>2007
<OPTION value=2008>2008
<OPTION value=2009>2009
<OPTION value=2010>2010
<OPTION value=2011>2011
<OPTION value=2012>2012
<OPTION value=2013>2013
<OPTION value=2014>2014
<OPTION value=2015>2015
<OPTION value=2016>2016
<OPTION value=2017>2017
<OPTION value=2018>2018
<OPTION value=2019>2019
<OPTION value=2020>2020
<OPTION value=2021>2021
<OPTION value=2022>2022
<OPTION value=2023>2023
<OPTION value=2024>2024
<OPTION value=2025>2025
<OPTION value=2026>2026
<OPTION value=2027>2027
<OPTION value=2028>2028
<OPTION value=2029>2029
<OPTION value=2030>2030
<OPTION value=2031>2031
<OPTION value=2032>2032
<OPTION value=2033>2033
<OPTION value=2034>2034
<OPTION value=2035>2035
<OPTION value=2036>2036
<OPTION value=2037>2037
<OPTION value=2038>2038
<OPTION value=2039>2039
<OPTION value=2040>2040
<OPTION value=2041>2041
<OPTION value=2042>2042
<OPTION value=2043>2043
<OPTION value=2044>2044
<OPTION value=2045>2045
<OPTION value=2046>2046
<OPTION value=2047>2047
<OPTION value=2048>2048
<OPTION value=2049>2049
<OPTION value=2050>2050
</SELECT>
cloudchen 2004-09-14
  • 打赏
  • 举报
 回复
http://www.blueidea.com/bbs/NewsDetail.asp?id=1411794
http://www.blueidea.com/bbs/newsdetail.asp?id=1409851
js时间控件(精确到时分秒)--具有选择修改的功能
很多时候需要用到带时间选择的日期控件，在网上搜索了很多终于搜到了梅子（meizz）的一个，具体是什么时候的版本不清楚了，现在的3.0版本上是没有选择时间的。    兴奋之余，看到这个控件原来没有秒的选择，可能是秒用的太少了，不过好多的用户可能就要挑这个的刺了。    花了点时间将秒的添上了，贴出来，让需要的朋友可以临时用一下。    效果界面：总体界面：时间部分的选择：    HTML中的使用
带有年月日时分秒的时间控件




JS特效学院|JsWeb8.cn|---又一款日期输入<em>控件</em>，可以输入当前的<em>时间</em>



 


   

实现Android三级选择器：时间/城区PickView控件设计
Android PickView控件起源于早期Android应用程序开发中对用户输入和选择的界面组件需求。随着时间的推移，这一控件逐渐演变成处理日期、时间、城市等选择功能的常用组件。它主要帮助开发者简化和封装了常见的选择逻辑，从而让开发者能够更专注于应用的核心功能。PickView控件是实现时间选择功能的核心组件，它通常包括以下几个基础部分：时间显示区域：这是PickView的主体部分，用于展示当前选定的时间，通常会有时、分、秒的格式显示。滚轮选择器。
jquery年月日时分秒控件_jQuery DateTimePicker 日期和时间插件示例
jQuery UI很强大，其中的日期选择插件Datepicker是一个配置灵活的插件，我们可以自定义其展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。日期选择插件是一个配置灵活的插件，你可以定义它的展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等文档和下载地址：4、JQuery下载地址：下面先看效果图：引入js文件：1、默认的效果：关键代码：$...
Android滚轮时间选择控件（可扩展自定义）
项目需求中有个功能模块需要用到时间选择控件，但是android系统自带的太丑了，只能自己优化下，结合WheelView实现滚轮选择日期，好像网上也挺多这种文章的。但是适用范围还是不同，希望这个能够对需求相同的朋友有一定帮助。控件标题还有年月日时分秒这些可以自己控制是否显示，先来看效果。 1.有年月日时分的开始时间 2.只有年月日的结束时间 3.用于有时身份证到期的时间选择（分
JavaScript

87,996

社区成员

224,693

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章