JavaScript:日期处理

最近不管是工作还是私活常遇到日期处理;今天就抽空把这块拿出来写一下,大神可以绕路。

在程序里,日期主要构成部分包括:年、月、日、时、分、秒。JS可以获取本地浏览器的系统日期,下面举几个简单列子说一下:
1、获取日期的指定部分
js代码:  
window.onload=function(){
//获取日期的指定部分
var date = new Date;                               //获取日期对象
console.log(date.getFullYear()+"年");       //获取年
console.log((date.getMonth()+1)+"月"); //获取月 函数默认0-11 所以要+1
console.log(date.getDate()+"日"); //获取日
console.log(date.getHours()+"时"); //获取时
console.log(date.getMinutes()+"分"); //获取分
console.log(date.getSeconds()+"秒"); //获取秒
}
 
2、当前时间的显示 (其实这个列子和上个列子差不多,但是我还是想写一下,嘿嘿...)
  js代码:window.onload=function(){
function getNowTime(){ 
 var date =new Date(); //获取日期对象  
 // 获取年月日时分秒本地系统的时间 
                    return     date.getFullYear()+"年" + (date.getMonth()+1)+"月" + date.getDate()+"日" + date.getHours()+"时" + date.getMinutes()+"分"+ date.getSeconds()+"秒"; } 
 //显示当前时间 
 document.getElementByIdx_x("nowTime").innerHTML = "时间:"+getNowTime(); 
};
如果要实时显示当前的时间的话,用 setInterval()每秒调用一次就可以了
3、日期格式化成字符串
东西方的日期显示格式不同,因为语言都是别人发明的,如果要显示国内的日期格式,开发人员必须在后台进行日期格式化操作。例如:默认格式为:MM-YYYY-DD h:m:s要求转换成YYYY/MM/DD h:m:s或YYYY:MM:DD h:m:s .
 举个例子哈  要做这三种样子
格式1:2017-02-22 11:11:11 
格式2:2017/02/22 11-11-11
格式3:2017:02:22 11:11:11
js代码: window.onload=function(){
//先日期格式化成字符串
function dateFormat(){
    Date.prototype.format = function(f){
var date ={ 
"Y":this.getFullYear(),
"M":(this.getMonth()+1),
"D":this.getDate(),
"h":this.getHours(),
"m":this.getMonutes(),
"s":this.getSeconds()
},
d="",   //初始化接受日期变量的对象
r=false,           //判断是否存在待替换的字符
reg=null, //正则
-d="";  //日期
for (d in date)(){ //过滤日期标示符
reg= new RegExp("["+d+"]{1,}","g");   //判断是否有待格式化的字符
r=reg.test(f);
if(r){ //验证是否存在
_d=date[d]; //被替换的日期
f=f.replace(reg,-d<10?("0"+_d):_d);
}
}
return f;
}
}
var d =new Date();
dateFormat();
document.getElementByIdx_x("time1").innerHTML="格式1:"+d.format("YYYY-MM-DD h:m:s");
document.getElementByIdx_x("time2").innerHTML="格式2:"+d.format("YYYY/MM/DD h/m/s");
document.getElementByIdx_x("time3").innerHTML="格式3:"+d.format("YYYY:MM:DD h:m:s");
};
html代码:

 

 

 

由于时间关系,每天还要工作,今天就分享三个简单例子,其实我还准备了好几个列子,明天分享!
posted @ 2017-02-22 13:01  焦楠楠  阅读(200)  评论(0编辑  收藏  举报