这篇文章主要介绍如何使用Query+bootstrap和js两种方式实现日期选择器，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
创新互联公司-专业网站定制、快速模板网站建设、高性价比双湖网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式双湖网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖双湖地区。费用合理售后完善，十载实体公司更值得信赖。
一、js方式的日期选择
（1）首先就是三个下拉列表了，点击年、月、日显示列表中的内容，这样就是要给这三个列表加“点击事件”onclick
年
月
日
也就是这样的效果：
（2）写js方法
注意：年月日三个选择框，那么就是要写三个方法
填充年的方法
function FillNian()
{
var b = new Date(); //取当前时间
var nian = parseInt(b.getFullYear()); //取当前年份
var str = "";
for(var i=nian-5;i //判断年的当前选中，选中当前的年份
if( i==nian)
{
str = str+""+i+"";
}
else
{
str = str+""+i+"";
}
}
//给id名是nian的下拉菜单中加添加html，html就是上面写到的str
document.getElementById("nian").innerHTML = str;
}写完了年方法，记得调用一下，查看效果如下：
（3）填充月的方法：这个和年的也是差不多，没有什么大的变化
function FillYue()
{
var b = new Date(); //取当前时间
var yue = parseInt(b.getMonth()+1); //取当前月份
var str = "";
for(var i=1;i<13;i++) //循环；月份是从1开始，一年12个月，小于13
{
//判断当前月份的选中
if( i==yue)
{
str = str+""+i+"";
}
else
{
str = str+""+i+"";
}
}
document.getElementById("yue").innerHTML = str; //将str值写到id名是yue的下拉列表中
}写完了月的方法，记得调用一下，查看效果如下：
（3）填充天的方法：和年和月的差不多，不一样的就是月份不一样，天数也是不一样的
function FillTian()
{
var b = new Date();
var tian = parseInt(b.getDate()); //获取当前天数
var yue = document.getElementById("yue").value; //找到月的值
var nian = document.getElementById("nian").value; //找到年的值
var ts = 31;
//30号的月数：月数是4、6、9、11时，天数是30天
if(yue==4 || yue==6 || yue==9 || yue==11)
{
ts=30;
}
//2月不同年的天
if(yue==2)
{
//被4整除，同时不被100整除；或是被400整除的年
if((nian%4==0 && nian%100 != 0) || nian%400==0)
{
ts = 29; //闰年
}
else
{
ts = 28; //平年
}
}
var str = "";
for(var i=1;i //判断天数是否选中
if( i==tian)
{
str = str+""+i+"";
}
else
{
str = str+""+i+"";
}
}
document.getElementById("tian").innerHTML = str; //将str的值给id名是天的下拉列表
}写完了日的方法，记得调用一下，查看整体效果如下：
闰年如下：
二、Query+bootstrap的日期选择器
想用jQuery和bootstrap，必须引入这两个的包
进入正题：点击文本框会弹出个日期选择的窗口，所以
（1）写个提示字，并且写个文本框
//最终显示的日期时间的地方，文本框起个名字对其加事件
（2）写bootstrap的模态框，直接引用就可以
//标题部分
×
日期选择 //显示标题的地方
