js选择日期,js日期选择控件

js选择日期,js日期选择控件,JS实现时间选择器

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

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

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

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

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: