jquery做个日期选择适用于手机端示例
(编辑:jimmy 日期: 2024/11/18 浏览:3 次 )
第一步:做个 文本框用于显示年月日的
第二步:点击文本框触发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-"htmlcode"><SCRIPT LANGUAGE="JavaScript"> function monthnow(){ var now = new Date(); var monthn = now.getMonth(); var yearn = now.getYear(); window.location.href="winnNamelist.jsp"+monthn+"&getYear="+yearn; } </script>js页面
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="/UploadFiles/2021-04-02/jquery-1.11.2.min.js">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<year+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(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 +="<option selected='selected' value='"+i+"'>"+i+"</option>"; } else { str +="<option value='"+i+"'>"+i+"</option>"; } } $("#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<zs+1;i++) { if(i==tian) { str +="<option selected='selected' value='"+i+"'>"+i+"</option>"; } else { str +="<option value='"+i+"'>"+i+"</option>"; } } $("#tian").html(str); }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇:javascript删除html标签函数cIsHTML