用js将long型数据转换成date型或datetime型的实例


Posted in Javascript onJuly 03, 2017

数据库中存储的日期格式有date型(yyyy-MM-dd格式日期)与datetime型(yyyy-MM-dd 00:00:00格式日期),当用Java程序将数据库中的日期数据传向前端时,若后台没有方法处理日期,则将以Long型数据传向前端。例如:

数据库存储的日期为:2017-01-06 20:30:00

前端获取到(通过ajax进行交互)的日期格式为:1483705800000

在前端页面中要显示正确的日期格式。

下面是将long型转换为date型或datetime型日期格式的js方法:

返回yyyy-MM-dd格式日期(一):

function dateFormat_1(longTypeDate){ 
  var dateType = ""; 
  var date = new Date(); 
  date.setTime(longTypeDate); 
  dateType += date.getFullYear();  //年 
  dateType += "-" + getMonth(date); //月  
  dateType += "-" + getDay(date);  //日 
  return dateType;
} 
//返回 01-12 的月份值  
function getMonth(date){ 
  var month = ""; 
  month = date.getMonth() + 1; //getMonth()得到的月份是0-11 
  if(month<10){ 
    month = "0" + month; 
  } 
  return month; 
} 
//返回01-30的日期 
function getDay(date){ 
  var day = ""; 
  day = date.getDate(); 
  if(day<10){ 
    day = "0" + day; 
  } 
  return day; 
}

返回yyyy-MM-dd格式日期(二):

function dateFormat_2(longTypeDate){ 
  var dateType = ""; 
  var date = new Date(); 
  date.setTime(longTypeDate); 
  dateType = date.getFullYear()+"-"+getMonth(date)+"-"+getDay(date);//yyyy-MM-dd格式日期
  return dateType;
}

返回yyyy-MM-dd 00:00:00格式日期(一)

function datetimeFormat_1(longTypeDate){ 
  var datetimeType = ""; 
  var date = new Date(); 
  date.setTime(longTypeDate); 
  datetimeType+= date.getFullYear();  //年 
  datetimeType+= "-" + getMonth(date); //月  
  datetimeType += "-" + getDay(date);  //日 
  datetimeType+= "  " + getHours(date);  //时 
  datetimeType+= ":" + getMinutes(date);   //分
  datetimeType+= ":" + getSeconds(date);   //分
  return datetimeType;
} 
//返回 01-12 的月份值  
function getMonth(date){ 
  var month = ""; 
  month = date.getMonth() + 1; //getMonth()得到的月份是0-11 
  if(month<10){ 
    month = "0" + month; 
  } 
  return month; 
} 
//返回01-30的日期 
function getDay(date){ 
  var day = ""; 
  day = date.getDate(); 
  if(day<10){ 
    day = "0" + day; 
  } 
  return day; 
}
//返回小时
function getHours(date){
  var hours = "";
  hours = date.getHours();
  if(hours<10){ 
    hours = "0" + hours; 
  } 
  return hours; 
}
//返回分
function getMinutes(date){
  var minute = "";
  minute = date.getMinutes();
  if(minute<10){ 
    minute = "0" + minute; 
  } 
  return minute; 
}
//返回秒
function getSeconds(date){
  var second = "";
  second = date.getSeconds();
  if(second<10){ 
    second = "0" + second; 
  } 
  return second; 
}

返回yyyy-MM-dd 00:00:00格式日期(二)

function datetimeFormat_2(longTypeDate){ 
  var datetimeType = ""; 
  var date = new Date(); 
  date.setTime(longTypeDate);
  datetimeType = date.getFullYear()+"-"+getMonth(date)+"-"+getDay(date)+" "+getHours(date)+":"+getMinutes(date)+":"+getSeconds(date);//yyyy-MM-dd 00:00:00格式日期
  return datetimeType;
}

调用方法:

datetimeFormat_1(1483705800000);

得到的结果为:2017-01-06 20:30:00

以上这篇用js将long型数据转换成date型或datetime型的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用JavaScript实现类似于ListBox功能示例代码
Mar 09 Javascript
javascript中解析四则运算表达式的算法和示例
Aug 11 Javascript
JS时间特效最常用的三款
Aug 19 Javascript
Bootstrap每天必学之栅格系统(布局)
Nov 25 Javascript
在AngularJS中使用jQuery的zTree插件的方法
Apr 21 Javascript
JS实现的集合去重,交集,并集,差集功能示例
Mar 13 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
使用node搭建自动发图文微博机器人的方法
Mar 22 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
Apr 26 Javascript
详解Vue.js和layui日期控件冲突问题解决办法
Jul 25 Javascript
微信小程序分包加载代码实现方法详解
Sep 23 Javascript
jQuery实现简易聊天框
Feb 08 jQuery
Vue.js实例方法之生命周期详解
Jul 03 #Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 #Javascript
Async Validator 异步验证使用说明
Jul 03 #Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 #Javascript
Require.js的基本用法详解
Jul 03 #Javascript
React利用插件和不用插件实现双向绑定的方法详解
Jul 03 #Javascript
解决webpack -p压缩打包react报语法错误的方法
Jul 03 #Javascript
You might like
无数据库的详细域名查询程序PHP版(4)
2006/10/09 PHP
PHP IPV6正则表达式验证代码
2010/02/16 PHP
PHP MemCached高级缓存配置图文教程
2010/08/05 PHP
PHP 八种基本的数据类型小结
2011/06/01 PHP
php版微信公众平台开发之验证步骤实例详解
2016/09/23 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
JQuery 学习笔记 element属性控制
2009/07/23 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
javascript实现拖放效果
2015/12/16 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
2016/09/21 Javascript
基于JQuery实现的跑马灯效果(文字无缝向上翻动)
2016/12/02 Javascript
利用D3.js实现最简单的柱状图示例代码
2016/12/09 Javascript
完美解决node.js中使用https请求报CERT_UNTRUSTED的问题
2017/01/08 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
Vue监听数组变化源码解析
2017/03/09 Javascript
javascript 作用于作用域链的详解
2017/09/27 Javascript
ES6 async、await的基本使用方法示例
2020/06/06 Javascript
[01:55]《走出家门看比赛》——DOTA2 2015国际邀请赛同城线下观战
2015/07/18 DOTA
Python的Flask框架中实现分页功能的教程
2015/04/20 Python
python自动翻译实现方法
2016/05/28 Python
利用django+wechat-python-sdk 创建微信服务器接入的方法
2019/02/20 Python
python调用其他文件函数或类的示例
2019/07/16 Python
使用python模拟高斯分布例子
2019/12/09 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
500行python代码实现飞机大战
2020/04/24 Python
利用CSS3把图片变成灰色模式的实例代码
2016/09/06 HTML / CSS
C#面试题问题集
2016/04/02 面试题
会计专业应届生求职信
2013/11/24 职场文书
师范毕业生求职信
2014/07/11 职场文书
2014年重阳节活动策划方案书
2014/09/16 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
保密法制宣传月活动总结
2015/05/07 职场文书
巾帼建功标兵先进事迹材料
2016/02/29 职场文书
CSS 文字装饰 text-decoration & text-emphasis 详解
2021/04/06 HTML / CSS
基于tensorflow权重文件的解读
2021/05/26 Python