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

网络编程 2024/9/1 佚名

3 2 1

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

第二步：点击文本框触发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);

  

} 







以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

jquery日期选择器,jquery日期时间选择器,jquery,日期选择

标签：

jquery日期选择器,jquery日期时间选择器,jquery,日期选择

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“jquery做个日期选择适用于手机端示例”

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

暂无“jquery做个日期选择适用于手机端示例”评论...

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒经典版》的玩家都可以获得奖励。

更新动态

20240901

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

jquery日期选择器,jquery日期时间选择器,jquery,日期选择

Html5 js实现手风琴效果

javascript删除html标签函数cIsHTML

评论“jquery做个日期选择适用于手机端示例”

《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线

更新动态

友情链接