这篇文章主要为大家详细介绍了射流研究…实现时间选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了射流研究…实现时间选择器的具体代码,供大家参考,具体内容如下
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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。