欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

jquery如何做個(gè)日期選擇適用于手機(jī)端

這篇文章主要為大家展示了“jquery如何做個(gè)日期選擇適用于手機(jī)端”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jquery如何做個(gè)日期選擇適用于手機(jī)端”這篇文章吧。

主要從事網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、響應(yīng)式網(wǎng)站建設(shè)、程序開(kāi)發(fā)、微網(wǎng)站、小程序設(shè)計(jì)等，憑借多年來(lái)在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的成都做網(wǎng)站、網(wǎng)站制作、網(wǎng)絡(luò)營(yíng)銷(xiāo)經(jīng)驗(yàn)，集策劃、開(kāi)發(fā)、設(shè)計(jì)、營(yíng)銷(xiāo)、管理等多方位專(zhuān)業(yè)化運(yùn)作于一體，具備承接不同規(guī)模與類(lèi)型的建設(shè)項(xiàng)目的能力。

第一步：做個(gè) 文本框用于顯示年月日的

第二步：點(diǎn)擊文本框觸發(fā)bootstrap模態(tài)框并顯示

第三步：我是建一個(gè)外部js頁(yè)面寫(xiě)的

js中獲得當(dāng)前時(shí)間是年份和月份，形如：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()不能寫(xiě)成year+month。不然如果月份大于等于10，則月份為數(shù)字，會(huì)和年份相加，如201210，則會(huì)變?yōu)?022，需要加.toString()

以下是搜到的有用內(nèi)容：

var myDate = new Date();
myDate.getYear(); //獲取當(dāng)前年份(2位)
myDate.getFullYear(); //獲取完整的年份(4位,1970-????)
myDate.getMonth(); //獲取當(dāng)前月份(0-11,0代表1月)
myDate.getDate(); //獲取當(dāng)前日(1-31)
myDate.getDay(); //獲取當(dāng)前星期X(0-6,0代表星期天)
myDate.getTime(); //獲取當(dāng)前時(shí)間(從1970.1.1開(kāi)始的毫秒數(shù))
myDate.getHours(); //獲取當(dāng)前小時(shí)數(shù)(0-23)
myDate.getMinutes(); //獲取當(dāng)前分鐘數(shù)(0-59)
myDate.getSeconds(); //獲取當(dāng)前秒數(shù)(0-59)
myDate.getMilliseconds(); //獲取當(dāng)前毫秒數(shù)(0-999)
myDate.toLocaleDateString(); //獲取當(dāng)前日期
var mytime=myDate.toLocaleTimeString(); //獲取當(dāng)前時(shí)間
myDate.toLocaleString( ); //獲取日期與時(shí)間
<SCRIPT LANGUAGE="JavaScript">
function monthnow(){
 var now = new Date();
 var monthn = now.getMonth();
 var yearn = now.getYear();
 window.location.href="winnNamelist.jsp?getMonth="+monthn+"&getYear="+yearn;
}
</script>

js頁(yè)面

<!doctype html>

<html lang="en">

<head>

 <meta charset="UTF-8" />

 <title>Document</title>

 <script src="jquery-1.11.2.min.js" ></script>

 <script src="bootstrap.min.js" ></script>

 <script src="riqi.js"></script>

 <link href="bootstrap.min.css" rel="stylesheet" type="text/css" />

</head>

<body>

 <input type="text" id="riqi"  />

  

 <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-dismiss="modal" aria-hidden="true">×</button>

    <h5 class="modal-title" id="myModalLabel">日期選擇</h5>

   </div>

   <div class="modal-body">

         <!--

          作者：511108312@qq.com

          時(shí)間：2017-01-09

          描述：里面放內(nèi)容，點(diǎn)擊確定顯示

         -->

    <select id="nian"><!--年-->

    </select>

    <select id="yue"><!--月-->

    </select>

    <select id="tian"><!--天-->

    </select>

   </div>

   <div class="modal-footer">

    <button type="button" class="btn btn-default" data-dismiss="modal">關(guān)閉</button>

    <button type="button" class="btn btn-primary" id="sure">確定</button><!--把我要選的內(nèi)容扔到文本框里-->

   </div>

  </div><!-- /.modal-content -->

 </div><!-- /.modal -->

</div>

</body>

<script type="text/javascript">

//這是加載用的

$("#riqi").click(function(){

  $('#myModal').modal('show');/*當(dāng)點(diǎn)擊文本框的時(shí)候，要觸發(fā)并顯示模態(tài)框*/

  LoadNian();//調(diào)出的當(dāng)前年份

  LoadYue();//調(diào)出的當(dāng)前月份

  LoadTian();//調(diào)出的當(dāng)前天

 })

//給年月加個(gè)事件。這是操作用的

$("#sure").click(function(){

  var nian = $("#nian").val();//取到后吧這三個(gè)值扔到文本框里面

  var yue = $("#yue").val();

  var tian = $("#tian").val();

   

  var str = nian+"-"+yue+"-"+tian;//把年月日拼字符串

  $("#riqi").val(str);

  $('#myModal').modal('hide')//選完直接關(guān)閉模態(tài)框

 })

 

 

</script>

</html>

 js頁(yè)面下面

// JavaScript Document

//給年月加個(gè)事件要放上面

$(document).ready(function(e) {//當(dāng)年的選中項(xiàng)變的時(shí)候要從新選擇下天數(shù)

 $("#nian").change(function(){

   LoadTian();

  })

 $("#yue").change(function(){//當(dāng)月份的下拉變化的時(shí)候也要從新加載下天數(shù)

   LoadTian();

  })

});

 

//加載年份

function LoadNian()

{

 var date=new Date;

 var year=date.getFullYear(); //獲取當(dāng)前年份

  

 var str = "";

  

 for(var i=year-5;i<year+6;i++)//從當(dāng)前年份減5，當(dāng)前年份加6、取前5年后5年//i就等于年份

 {

  if(i==year)//默認(rèn)定位當(dāng)前年份

  {

   str +="<option selected='selected' value='"+i+"'>"+i+"</option>";//默認(rèn)定位當(dāng)前年份

  }

  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)//當(dāng)前月份

  {

   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();//獲取當(dāng)前天

  

 var zs = 31; //總天數(shù)

 var nian = $("#nian").val();//取當(dāng)前選中的年份

 var yue = $("#yue").val();//取當(dāng)前選中的月份

 if(yue == 4 || yue==6 || yue==9 || yue==11)//判斷什么情況下不等于31，有2個(gè)條件一個(gè)是年一個(gè)是月||或者當(dāng)月份等于4，6，9，11等于30天

 {

  zs = 30;

 }

 else if(yue==2)//如果是2月

 {

  if((nian%4==0 && nian%100 !=0) || nian%400==0)//普通年條件能被4整除并且不能被100整除?；蛘吣鼙?00整除就是潤(rùn)年

  {

   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如何做個(gè)日期選擇適用于手機(jī)端

jquery如何做個(gè)日期選擇適用于手機(jī)端

jquery如何做個(gè)日期選擇適用于手機(jī)端

以上是“jquery如何做個(gè)日期選擇適用于手機(jī)端”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章名稱(chēng)：jquery如何做個(gè)日期選擇適用于手機(jī)端
URL地址：http://chinadenli.net/article40/gicseo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、網(wǎng)站維護(hù)、ChatGPT、電子商務(wù)、域名注冊(cè)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)