宝哥软件园

jquery做个日期选择适用于手机端示例

编辑:宝哥软件园 来源:互联网 时间:2021-09-06

第一步:做个文本框用于显示年月日的

第二步:点击文本框触发引导程序模态框并显示

第三步:我是建一个外部射流研究…页面写的

射流研究…中获得当前时间是年份和月份,形如:201208

//获取完整的日期变化日期=新日期;var年份=日期。getfull year();var month=日期。get month()1;month=(month10?0 '个月:个月);var my date=(年。tostring()。一个月。tostring());注意,year.toString() month.toString()不能写成年月。不然如果月份大于等于10,则月份为数字,会和年份相加,如201210,则会变为2022,需要加toString()

以下是搜到的有用内容:

var myDate=new Date();我的约会对象。getyear();//获取当前年份(2位)我的日期。getfull year();//获取完整的年份(4位,1970-?)我的日期。getmonth();//获取当前月份(0-11,0代表一月)我的日期。getdate();//获取当前日我的约会对象。getday();//获取当前星期X(0-6,0代表星期天)我的日期。gettime();//获取当前时间(从1970.1.1开始的毫秒数)我的日期。gethours();//获取当前小时数(0-23)我的约会。getminutes();//获取当前分钟数(0-59)我的约会。getseconds();//获取当前秒数(0-59)我的日期。得到毫秒();//获取当前毫秒数(0-999)我的日期。tolocaledatestring();//获取当前日期var mytime=mydate。tolocalitemstring();//获取当前时间我的约会对象。tolocalesting();//获取日期与时间脚本语言='JavaScript '函数monthnow(){ var now=new Date();var monthn=now。getmonth();var year=现在。getyear();窗户。位置。href=' winnamelist。JSP?getMonth=' monthn ' getYear=' yearn;}/scriptjs页面

!doctype html html lang=' en ' head meta charset=' UTF-8 '/title document/title script src=' http : jquery-1。11 .2 .量滴js '/script script src=' http :引导。量滴js '/script script src=' http : riqi。js '/script link href=' bootstrap。量滴CSS ' rel='样式表type='text/css' /流浆池输入类型='文本左边距: 100像素;/div class=' modal fade ' id=' myModal ' tabindex='-1 ' role=' dialog ' aria-labelledby=' myModalLabel ' aria-hidden=' true ' div class=' modal-dialog ' div class=' modal-content ' div class=' modal-header ' button type=' button ' class=' close ' data-misse=' modal ' aria-hidden=' true '/button H4 class=' modal-title ' id=' myModalLabel '日期选择/h4 /div div class='modal-body '!-作者:[emailprotected]时间:2017-01-09 描述:里面放内容,点击确定显示-选择id='年!-年- /select select id='yue '!-月- /select select id='tian '!-天-/select/div class=' modal-footer '按钮类型=' button ' class=' BTN BTN-默认' data-misse=' modal '关闭/button button type=' button ' class=' BTN BTN-primary ' id='确定'确定/button!-把我要选的内容扔到文本框里- /div /div!- /.模态-内容- /div!- /.modal-/div/body脚本类型=' text/JavaScript '//这是加载用的$(' #日奇').单击(函数(){ $('#myModal ')).情态(“显示”);/*当点击文本框的时候,要触发并显示模态框*/LoadNian();//调出的当前年份载曰();//调出的当前月份load Tian();//调出的当前天})//给年月加个事件。这是操作用的$(' #确定')。单击(函数(){ var nian=$('#nian ')).val();//取到后吧这三个值扔到文本框里面var yue=$('#yue ').val();var tian=$('#tian ').val();var str=年'-'月'-'天;//把年月日拼字符串$(' #日奇').val(字符串);$('#myModal ').模态('隐藏')//选完直接关闭模态框})/脚本/html js页面下面

//JavaScript Document//在年和月中添加一个事件来放$ (document)。ready(函数(e){//当该年所选项目发生变化时,选择第二天$ ('# nian ')。change(function(){ load Tian();}) $ ('# yue ')。change(function(){//当月份的下拉发生变化时,第二天LoadTian()也要重新加载;})});//load year函数load nian(){ var date=new date;var year=date . getfullyear();//获取当前年份var str=for(var I=第5年;iyear 6;I )//当年减5,当年加6,取前5年和后5年。//i等于年份{if(i==year)//默认定位当前年份{ str=' option selected=' selected ' value=' I ' ' I '/option ';//默认定位当前年份} else { str=' option value=' I ' ' I '/option ';} } $('#nian ')。html(字符串);//找到ID等于nian的下拉并在里面抛出选项,选项等于str} //load month函数load yue(){ var date=new date;var yue=date . getmonth()1;var str=for(var I=1;i13I) {if(i==yue)//当月{ str=' option selected=' selected ' value=' I ' ' I '/option ';} else { str=' option value=' I ' ' ' I '/option ';} } $('#yue ')。html(字符串);}//load day函数load day(){ 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,并且有两个条件:一个是年份另一个是月份| |或者当月份等于4、6、9、11时等于30天{zs=。} else if(yue==2)//if是二月{if ((nian% 4==0nian0!=0) ||年@0==0)//正常的年条件可以被4整除,但不能被100整除。或者可以被400整除的是Runnian { zs=29} else { zs=28} } var str=for(var I=1;izs 1;I){ if(I==Tian){ str=' option selected=' selected ' value=' I ' ' ' I '/option ';} else { str=' option value=' I ' ' ' I '/option ';} } $('#tian ')。html(字符串);}

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

更多资讯
游戏推荐
更多+