jquery如何做个日期选择适用于手机端

这篇文章主要为大家展示了“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( ); //获取日期与时间

function monthnow(){
 var now = new Date();
 var monthn = now.getMonth();
 var yearn = now.getYear();
 window.location.href="winnNamelist.jsp?getMonth="+monthn+"&getYear="+yearn;
}

js页面







 

 Document

 

 

 

 





 

  

 

 

  

   

    ×

    日期选择

   
                                               
        关闭     确定    
     //这是加载用的 $("#riqi").click(function(){   $('#myModal').modal('show');/*当点击文本框的时候,要触发并显示模态框*/   LoadNian();//调出的当前年份   LoadYue();//调出的当前月份   LoadTian();//调出的当前天  }) //给年月加个事件。这是操作用的 $("#sure").click(function(){   var nian = $("#nian").val();//取到后吧这三个值扔到文本框里面   var yue = $("#yue").val();   var tian = $("#tian").val();       var str = nian+"-"+yue+"-"+tian;//把年月日拼字符串   $("#riqi").val(str);   $('#myModal').modal('hide')//选完直接关闭模态框  })    

 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 +=""+i+"";

  }

 }

  

 $("#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 +=""+i+"";

  }

  else

  {

   str +=""+i+"";

  }

 }

 $("#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 +=""+i+"";

  }

 }

  

 $("#tian").html(str);

  

}

jquery如何做个日期选择适用于手机端

jquery如何做个日期选择适用于手机端

jquery如何做个日期选择适用于手机端

以上是“jquery如何做个日期选择适用于手机端”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网站标题:jquery如何做个日期选择适用于手机端
本文地址:http://bzwzjz.com/article/gicseo.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都品牌网站设计 成都网站建设公司 成都网站制作 企业手机网站建设 成都网站设计 自适应网站设计 营销网站建设 成都企业网站建设 自适应网站建设 响应式网站设计 成都网站制作 手机网站制作 成都网站设计 定制级高端网站建设 网站制作 成都网站建设 成都网站建设 成都网站制作 企业网站建设公司 企业网站设计 高端定制网站设计 成都h5网站建设