网络抽签小程序_javascript完成时间日期的格局化的方法汇总

javascript实现时间日期的格式化的方法汇总       这篇文章主要介绍了javascript实现时间日期的格式化的方法汇总，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

有的时候，我们需要一定格式的 时间 比如 这样的格式。
上代码先

时间格式化

第一种

function formatDate(time){
 var date = new Date(time);
 var year = date.getFullYear(),
 month = date.getMonth() + 1,//月份是从0开始的
 day = date.getDate(),
 hour = date.getHours(),
 min = date.getMinutes(),
 sec = date.getSeconds();
 var newTime = year + '-' +
 month + '-' +
 day + ' ' +
 hour + ':' +
 min + ':' +
 sec;
 return newTime; 

输出结果：

前置0

但是这里存在一个问题，就是，我想要的格式应该是 :25 在月、日、时、分、秒 小于10的时候，应该要前置一个0。
改进代码：

第二种

function formatDate(time){
 var date = new Date(time);
 var year = date.getFullYear(),
 month = date.getMonth()+1,//月份是从0开始的
 day = date.getDate(),
 hour = date.getHours(),
 min = date.getMinutes(),
 sec = date.getSeconds();
 var newTime = year + '-' +
 (month 10 '0' + month : month) + '-' +
 (day 10 '0' + day : day) + ' ' +
 (hour 10 '0' + hour : hour) + ':' +
 (min 10 '0' + min : min) + ':' +
 (sec 10 '0' + sec : sec);
 return newTime; 
formatDate(new Date().getTime());//:21

第三种

这下格式对了。但是会不会麻烦了点？我们再试试这种
一个长度为10 的数组：

var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
 return '0'+index;
 });////开个长度为10的数组 格式为 ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09"]

在如果数字在preArr中则群preArr[i],否则 就本身的值，比如：preArr[month]||month。具体实现如下：

function formatDate(time){
 var date = new Date(time);
 var year = date.getFullYear(),
 month = date.getMonth()+1,//月份是从0开始的
 day = date.getDate(),
 hour = date.getHours(),
 min = date.getMinutes(),
 sec = date.getSeconds();
 var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
 return '0'+index;
 });////开个长度为10的数组 格式为 00 01 02 03
 var newTime = year + '-' +
 (preArr[month]||month) + '-' +
 (preArr[day]||day) + ' ' +
 (preArr[hour]||hour) + ':' +
 (preArr[min]||min) + ':' +
 (preArr[sec]||sec);
 return newTime; 
formatDate(new Date().getTime());//:41

任意设置时间模式

第四种（推荐）

以上，都是按照固定的格式YY-MM-DD hh:mm:ss 输出的。要是产品突然说，改成2017年05月12这种格式，天啦撸，又要改o(╯□╰)o。那我还是写个结构好一些的吧，你们随便玩。

function formatDate(time,format='YY-MM-DD hh:mm:ss'){
 var date = new Date(time);
 var year = date.getFullYear(),
 month = date.getMonth()+1,//月份是从0开始的
 day = date.getDate(),
 hour = date.getHours(),
 min = date.getMinutes(),
 sec = date.getSeconds();
 var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
 return '0'+index;
 });////开个长度为10的数组 格式为 00 01 02 03
 var newTime = format.replace(/YY/g,year)
 .replace(/MM/g,preArr[month]||month)
 .replace(/DD/g,preArr[day]||day)
 .replace(/hh/g,preArr[hour]||hour)
 .replace(/mm/g,preArr[min]||min)
 .replace(/ss/g,preArr[sec]||sec);
 return newTime; 
formatDate(new Date().getTime());//:44
formatDate(new Date().getTime(),'YY年MM月DD日');//2017年05月12日
formatDate(new Date().getTime(),'今天是YY/MM/DD hh:mm:ss');//今天是2017/05/12 

大功告成！

参考链接：

到此这篇关于javascript实现时间日期的格式化的方法汇总的文章就介绍到这了,更多相关javascript实现时间日期的格式化内容请搜索凡科以前的文章或继续浏览下面的