html⽇期选择器⽇历并记录事件,jquery写⽇期选择器跟上我的脚步,让我们来领略代码的世界!
使⽤做⼀个⽇期时间选择器,最好使⽤bootstrap弹窗
实现:
(1)点击⽂本框弹出窗⼝;
(2)弹窗⾥⾯显⽰⽇期时间选择下拉
(3)年份取当前年份前后五年
(4)⽉份固定12个⽉
(5)天数根据年份与⽉份的变化⽽变化
(6)点击确定,关闭弹窗,⽂本框⾥⾯的时间编程选中时间
1.若是jQuery跟弹窗,必须引⼊⽂件包;
2.写⼀个⽂本框,给他id⽤来写事件;
3.去bootstrap⾥⾯到模态框,复制,黏上就⾏了;
4.把模态框⾥没⽤的东西去掉,并加上三个下拉框;
代码:
⽆标题⽂档
×
⽇期
确定
主页的东西都完事了,来写js代码,js代码可以在script标签⾥写,但是为了清晰,且⽤于⽇后⽅便实⽤,新建js⽂件:5.先让他的⽂本框⾥显⽰⼀下当前的时间吧:
来写:
//⽂本框内显⽰当前时间:
// 准备好:
$(document).ready(function(e){undefined
// 来获取时间:
var date = new Date();
//获取年
var nian = FullYear();
//获取⽉,记得加1
var yue = Month()+1;
//获取天:
var tian = Date();
//打印,拼接字符串
$("#rq").val(nian+"-"+yue+"-"+tian);
});
记得在主页⾯引⽤哦!看图:
6.来写⽂本框的点击事件吧,让他点击⽂本框的时候弹出模态框:
//⽂本框点击事件:
$("#rq").click(function(){undefined
// ⼿动打开模态框的⽅法:到模态框的id,根据Bookstrap⾥⾯的⽅法
$('#myModal').modal('show');
// 执⾏三个⽅法
fnian();
fyue();
ftian();
这样当我点击⽂本框:看图:
7.点击确定的事件先不要加,因为还要传给他东西,先来写那三个⽅法吧:// 写⽅法,
//加载年份的⽅法
function Fnian()
{undefined
//先来取当前年份
var date = new Date();
var nian = FullYear();
// 定义个变量来接收:
var str = "";
//for循环⾛起:
for(var i=nian-5;i
{undefined
//判断若是当前年份,设为value
if(i==nian)
{undefined
str = str + "" + i + "";
}
else
{undefined
//若不是,正常显⽰
str = str +""+i+"";
}
}
$("#nian").html(str);
//加载⽉份的⽅法:
function Fyue()
{undefined
var date = new Date();
//获取⽉,记得加1
var yue = Month()+1;
//先取当前⽉份:
var date = new Date();
var yue = Month()+1;
// 定义个变量来接收:
var str = "";
// for循环⾛jquery在项目里是干啥的
for(var i=1;i<13;i++)
{undefined
//判断若是当前⽉份,设为value
if(i==yue)
{undefined
str = str+""+i+"";
}
else
{undefined
//若不是,正常显⽰
str = str +""+i+"";
}
}
$("#yue").html(str);
// ElementById("yue").innerHTML=str; }
//加载天的⽅法
function Ftian()
{undefined
//获取当天;
var date = new Date();
var tian = Date();
//把⽉份与年份取过来,⽤于判断:
var nian = $("#nian").val();
var yue = $("#yue").val();
//设⼀个总数,判断完成后更改他就好
var zs = 31;
//判断来了!
if(yue==4||yue==6||yue==9||yue==11) {undefined
//若是4.6.9.11⽉,每⽉三⼗天
zs = 30;
}
else if(yue==2)
{undefined
//若是2⽉,再判断,是否为闰年
if((nian%4==0 && nian%100!=0) || nian%400==0 ) {undefined
//若是闰年,2⽉29天
zs = 29;
}
else
{undefined
//否则2⽉为28天
zs = 28;
}
}
// for循环搞起
/
/ 定义个变量来接收:
var str = "";
//for循环⾛起:
for(i=1;i
{undefined
//判断若是当天,设为value
if(i==tian)

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。