扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要为大家展示了“jquery如何做个日期选择适用于手机端”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“jquery如何做个日期选择适用于手机端”这篇文章吧。
主要从事网页设计、PC网站建设(电脑版网站建设)、wap网站建设(手机版网站建设)、响应式网站建设、程序开发、微网站、小程序设计等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了丰富的成都做网站、网站制作、网络营销经验,集策划、开发、设计、营销、管理等多方位专业化运作于一体,具备承接不同规模与类型的建设项目的能力。
第一步:做个 文本框用于显示年月日的
第二步:点击文本框触发bootstrap模态框并显示
第三步:我是建一个外部js页面写的
js中获得当前时间是年份和月份,形如:201208
//获取完整的日期 var date=new Date; var year=date.getFullYear(); var month=date.getMonth()+1; month =(month<10 ? "0"+month:month); var mydate = (year.toString()+month.toString());
注意,year.toString()+month.toString()不能写成year+month。不然如果月份大于等于10,则月份为数字,会和年份相加,如201210,则会变为2022,需要加.toString()
以下是搜到的有用内容:
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,0代表星期天) myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) myDate.getHours(); //获取当前小时数(0-23) myDate.getMinutes(); //获取当前分钟数(0-59) myDate.getSeconds(); //获取当前秒数(0-59) myDate.getMilliseconds(); //获取当前毫秒数(0-999) myDate.toLocaleDateString(); //获取当前日期 var mytime=myDate.toLocaleTimeString(); //获取当前时间 myDate.toLocaleString( ); //获取日期与时间
js页面
Document 日期选择
js页面下面
// JavaScript Document //给年月加个事件要放上面 $(document).ready(function(e) {//当年的选中项变的时候要从新选择下天数 $("#nian").change(function(){ LoadTian(); }) $("#yue").change(function(){//当月份的下拉变化的时候也要从新加载下天数 LoadTian(); }) }); //加载年份 function LoadNian() { var date=new Date; var year=date.getFullYear(); //获取当前年份 var str = ""; for(var i=year-5;i"+i+"";//默认定位当前年份 } else { str +=""; } } $("#nian").html(str);//找到ID等于nian的下拉把option扔里面,option等于str } //加载月份 function LoadYue() { var date=new Date; var yue=date.getMonth()+1; var str = ""; for(var i=1;i<13;i++) { if(i==yue)//当前月份 { str +=""; } else { str +=""; } } $("#yue").html(str); } //加载天 function LoadTian() { var date=new Date; var tian = date.getDate();//获取当前天 var zs = 31; //总天数 var nian = $("#nian").val();//取当前选中的年份 var yue = $("#yue").val();//取当前选中的月份 if(yue == 4 || yue==6 || yue==9 || yue==11)//判断什么情况下不等于31,有2个条件一个是年一个是月||或者当月份等于4,6,9,11等于30天 { zs = 30; } else if(yue==2)//如果是2月 { if((nian%4==0 && nian%100 !=0) || nian%400==0)//普通年条件能被4整除并且不能被100整除。或者能被400整除就是润年 { zs = 29; } else { zs = 28; } } var str = ""; for(var i=1;i "+i+""; } else { str +=""; } } $("#tian").html(str); }
以上是“jquery如何做个日期选择适用于手机端”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流