当前位置:萝卜系统下载站 > 技术开发教程 > 详细页面

所有方面的日期选择技巧JS代码如何写

所有方面的日期选择技巧JS代码如何写

更新时间:2023-06-17 文章作者:未知 信息来源:网络 阅读次数:

编程(Programming)是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。为了使计算机能够理解(understand)人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

全面的日期选择功能JS代码怎么写

【实例描述】

本例提供一些常用的日期换算.如本周、本月、上周等。可在代码中直接调用本例的方法实现日期的换算。

【实例代码】

 

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-本站(www.xue51.com)</title> </head> <body> 当前:<br /> <input type="text" id="date1" value=""> <input type="text" id="date2" value=""> <BR> <select onchange="eval(this. options[this.selectedIndex].touch)"> <option touch="today()">本日</option> <option touch="yesterday()">昨日</option> <option touch="toWeek()">本周</option> <option touch="lastWeek()">上周</option> <option touch="toMonth()">本月</option> <option touch="toYear()">本年</option> </select> <SCRIPT LANGUAGE="JavaScript">  function today(){   var now=new Date();       //获取当前日期   var tmpStr = now.getYear()+ "-"; //当前年   tmpStr += now.getMonth()+1 +"-";//当前月   tmpStr += now.getDate();       //当前日   date1.value=tmpStr;             date2.value=tmpStr;            //显示当前的月日年连接字符串  }

 function yesterday(){             //获取昨天的日期   var now=new Date();   var tmpStr = now.getYear()+ "-"; //当前年   tmpStr += now.getMonth()+1 +"-"; //当前月   tmpStr += (now.getDate() - 1);    //当前日   date1.value=tmpStr;   date2.value=tmpStr;            //显示昨天的月日年连接字符串  }

 function toYear(){   var now=new Date();   var tmpStr;   tmpStr = now.getYear()+ "-";  //当前年   date1.value=tmpStr+"1-1";     //年的开始   date2.value=tmpStr+"12-31";   //年的结束  }

 function toMonth(){   var now=new Date();   var tmpStr,dt;   tmpStr = now.getYear()+ "-";  //当前年   tmpStr += now.getMonth()+1 +"-"; //月份+1      tmpStr += (now.getDate() - now.getDate())+1; //天数+1   date1.value=tmpStr;   dt = new Date(now.getFullYear(), now.getMonth() + 1, 0);   date2.value=replStr(dt.toLocaleDateString());  }

 function lastWeek(){                //上周   var now=new Date();   var currentWeek = now.getDay(); //获取一周中的第几天   if ( currentWeek == 0 )        //0在英文中表示第一天,中文表示最后一天     {     currentWeek = 7;     }

  var monday = now.getTime() - (currentWeek+6)*24*60*60*1000;   monday = replStr(new Date(monday).toLocaleDateString()); //获取周一   var sunday = now.getYear()+ "-";   sunday += now.getMonth()+1 +"-";                        //获取周日   if ( currentWeek == 7 )   {    sunday += (now.getDate() - 7);   }else{    sunday += (now.getDate() - currentWeek);   }     date1.value=monday;   date2.value=sunday;                                    //显示周一到周日的时间  }

 function toWeek(){   var now=new Date();   var currentWeek = now.getDay();   if ( currentWeek == 0 )     {     currentWeek = 7;     }   var monday = now.getTime() - (currentWeek-1)*24*60*60*1000; //获取周一   var sunday = now.getTime() + (7-currentWeek)*24*60*60*1000;   monday = replStr(new Date(monday).toLocaleDateString()); //获取周日   sunday = replStr(new Date(sunday).toLocaleDateString());   date1.value=monday;   date2.value=sunday;//显示周一到周日的时间  }

 function replStr(str)  {   str = str.replace("年","-");//替换字符串-显示中文日期   str = str.replace("月","-");   str = str.replace("日","");   return str;  } </SCRIPT> </body> </html>

 

【运行效果】

 全面的日期选择功能运行效果

【难点剖析】

本例中的方法都是对日期对象进行换算,实现所要求的数据。其中“toYear”表示获取当前年的开始日期和结束日期,“toMonth”获取当前月的开始日期和结束日期,“lastWeek”获取上周的开始日期和结束日期。

【源码下载】

为了JS代码的准确性,请点击:全面的日期选择功能 进行本实例源码下载 


使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。

温馨提示:喜欢本站的话,请收藏一下本站!

本类教程下载

系统下载排行

网站地图xml | 网站地图html