这篇文章主要为大家详细介绍了射流研究…实现时间选择器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了射流研究…实现时间选择器的具体代码，供大家参考，具体内容如下

dateTime.js

带有数据（参数)的函数{

返回参数10?"0"参数：""参数；

}

函数getLoopArray(start，end) {

var start=start | | 0；

var end=end | | 1；

var array=[]；

for(var I=start；我=结束；i ) {

数组。推送(带数据(一))；

}

返回数组；

}

函数getMonthDay(年，月){

var flag=year % 400==0 | |(year % 4==0 year % 100！=0),数组=空

开关（月){

案例"01":

案例 03 :

案例"05":

案例 07 :

案例"08":

案例"10":

案例12:

array=getLoopArray(1，31)

打破；

案例 04 :

案例 06 :

案例"09":

案例11:

array=getLoopArray(1，30)

打破；

案例"02":

数组=标志？getLoopArray(1，29) : getLoopArray(1，28)

打破；

默认值：

array=月份格式不正确，请重新输入!

}

返回数组；

}

函数getNewDateArry() {

//当前时间的处理

var new Date=new Date()；

var year=带数据(新日期。获取整年())，

mont=带数据(新日期。getmonth()1)，

date=withData(newDate.getDate())，

hour=withData(newDate.getHours())，

minu=带数据(新日期。get minutes())，

seco=带数据(新日期。获取秒())；

返回[年、月、日、时、分、秒];

}

函数日期时间选择器(开始年份，结束年份，日期){

//返回默认显示的数组和联动数组的声明

var dateTime=[]，dateTimeArray=[[]，[]，[]，[]，[]，[]]；

var start=startYear | | 1978年

var end=endYear | | 2100

//默认开始显示数据

var defaultDate=date？[.约会。拆分(" "[0]).拆分("-"),约会。拆分(" "[1]).split(:)]:getNewDateArry()；

//处理联动列表数据

/*年月日时分秒*/

datetime array[0]=getLoopArray(start，end)；

datetime array[1]=getLoopArray(1，12)；

datetime array[2]=getMonthDay(默认日期[0]，默认日期[1])；

datetime array[3]=getLoopArray(0，23)；

datetime array[4]=getLoopArray(0，59)；

datetime array[5]=getLoopArray(0，59)；

dateTimeArray.forEach((current，index)={

日期时间。推(当前。的索引(默认日期[索引])；

});返回{

日期时间数组：日期时间数组

日期时间：日期时间

}

}

实现实例

！文档类型超文本标记语言

超文本标记语言

头

meta name= viewport content= width=device-width /

标题索引/标题

！-引用dateTimePicker.js -

script src= ~/Scripts/datetime。js /脚本

脚本

window.onload=function () {

var stryear=2000//设置开始时间2000年

var endyear=2060//设置结束时间2060年

var date=dateTimePicker(stryear，end year)；//调用日期时间选择器方法获取时间（开始时间，结束时间)

//定义日期时间

var年=日期。日期时间数组[0]；//年

var月=日期。日期时间数组[1]；//月

var day=date。日期时间数组[2]；//日

变量时间=日期。日期时间数组[3]；//时

var分钟=日期。日期时间数组[4]；//分

变量秒=日期。日期时间数组[5]；//秒

//将日期时间放入对应的挑选中

var年内=" "；

var month inner=

var day inner=

var time inner=

var minute inner=

var second inner=

//年

for(var I=0；我。年份长度；i ) {

year inner= option year[I]/option

}

文档。getelementbyid(年份选择).innerHTML=yearInner

//月

for(var I=0；i month.lengthi ) {

month inner= option month[I]/option

}

文档。getelementbyid(月份选择).innerHTML=monthInner

//日

for(var I=0；我日。长度；i ) {

day inner= option day[I]/option

}

文档。getelementbyid(日选择).innerHTML=dayInner

//时

for(var I=0；我时间长度；i ) {

time inner= option time[I]/option

}

文档。getelementbyid(“时间选择”).innerHTML=timeInner

//分

for(var I=0；我分钟长度；i ) {

minute inner= option minute[I]/option

}

文档。getelementbyid(分钟选择).innerHTML=minuteInner

//秒

for(var I=0；我秒。长度；i ) {

second inner= option second[I]/option

}

文档。getelementbyid( second select ).innerHTML=secondInner

}

/脚本

/头

身体

差异

select id=yearSelect/select

span-/span

select id=monthSelect/select

span-/span

select id=daySelect/select

br /

select id=timeSelect/select

span:/span

选择id=分钟选择/选择

span:/span

select id=secondSelect/select

/div

/body

/html

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。