第JS實(shí)現(xiàn)時(shí)間選擇器本文實(shí)例為大家分享了JS實(shí)現(xiàn)時(shí)間選擇器的具體代碼，供大家參考，具體內(nèi)容如下

dateTime.js

functionwithData(param){

returnparam10'0'+param:''+param;

functiongetLoopArray(start,end){

varstart=start||0;

varend=end||1;

vararray=[];

for(vari=start;i=end;i++){

array.push(withData(i));

returnarray;

functiongetMonthDay(year,month){

varflag=year%400==0||(year%4==0year%100!=0),array=null;

switch(month){

case'01':

case'03':

case'05':

case'07':

case'08':

case'10':

case'12':

array=getLoopArray(1,31)

break;

case'04':

case'06':

case'09':

case'11':

array=getLoopArray(1,30)

break;

case'02':

array=flaggetLoopArray(1,29):getLoopArray(1,28)

break;

default:

array='月份格式不正確，請(qǐng)重新輸入！'

returnarray;

functiongetNewDateArry(){

//當(dāng)前時(shí)間的處理

varnewDate=newDate();

varyear=withData(newDate.getFullYear()),

mont=withData(newDate.getMonth()+1),

date=withData(newDate.getDate()),

hour=withData(newDate.getHours()),

minu=withData(newDate.getMinutes()),

seco=withData(newDate.getSeconds());

return[year,mont,date,hour,minu,seco];

functiondateTimePicker(startYear,endYear,date){

//返回默認(rèn)顯示的數(shù)組和聯(lián)動(dòng)數(shù)組的聲明

vardateTime=[],dateTimeArray=[[],[],[],[],[],[]];

varstart=startYear||1978;

varend=endYear||2100;

//默認(rèn)開始顯示數(shù)據(jù)

vardefaultDate=date[...date.split('')[0].split('-'),...date.split('')[1].split(':')]:getNewDateArry();

//處理聯(lián)動(dòng)列表數(shù)據(jù)

/*年月日時(shí)分秒*/

dateTimeArray[0]=getLoopArray(start,end);

dateTimeArray[1]=getLoopArray(1,12);

dateTimeArray[2]=getMonthDay(defaultDate[0],defaultDate[1]);

dateTimeArray[3]=getLoopArray(0,23);

dateTimeArray[4]=getLoopArray(0,59);

dateTimeArray[5]=getLoopArray(0,59);

dateTimeArray.forEach((current,index)={

dateTime.push(current.indexOf(defaultDate[index]));

});

return{

dateTimeArray:dateTimeArray,

dateTime:dateTime

}

實(shí)現(xiàn)實(shí)例

!DOCTYPEhtml

html

head

metaname="viewport"content="width=device-width"/

titleIndex/title

!--引用dateTimePicker.js--

scriptsrc="~/Scripts/dateTime.js"/script

script

window.onload=function(){

varstryear=2000;

//設(shè)置開始時(shí)間2000年

varendyear=2060;

//設(shè)置結(jié)束時(shí)間2060年

vardate=dateTimePicker(stryear,endyear);

//調(diào)用dateTimePicker方法獲取時(shí)間(開始時(shí)間，結(jié)束時(shí)間）

//定義日期時(shí)間

varyear=date.dateTimeArray[0];

//年

varmonth=date.dateTimeArray[1];//月

varday=date.dateTimeArray[2];//日