用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 相关文章推荐
jQuery 获取对象 定位子对象
May 31 Javascript
Javascript创建Silverlight Plugin以及自定义nonSilverlight和lowSilverlight样式
Jun 28 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 Javascript
jQuery性能优化28条建议你值得借鉴
Feb 16 Javascript
jQuery插件Skippr实现焦点图幻灯片特效
Apr 12 Javascript
JavaScript检测鼠标移动方向的方法
May 22 Javascript
整理Javascript函数学习笔记
Dec 01 Javascript
详解jquery事件delegate()的使用方法
Jan 25 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
浅谈angular2路由预加载策略
Oct 04 Javascript
JS实现的RC4加密算法示例
Aug 16 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
Jul 17 Javascript
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
全国FM电台频率大全 - 15 山东省
2020/03/11 无线电
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
使用swoole扩展php websocket示例
2014/02/13 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
详解PHP错误日志的获取方法
2015/07/20 PHP
Laravel中使用FormRequest进行表单验证方法及问题汇总
2016/06/19 PHP
asp.net HttpHandler实现图片防盗链
2009/11/09 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
2010/01/22 Javascript
javascript onmouseout 解决办法
2010/07/17 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
JavaScript—window对象使用示例
2013/12/09 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
js中通过父级进行查找定位元素
2014/06/15 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
2014/12/20 Javascript
js登录滑动验证的实现(不滑动无法登陆)
2018/01/03 Javascript
vue路由--网站导航功能详解
2019/03/29 Javascript
Vue Extends 扩展选项用法完整实例
2019/09/17 Javascript
[40:03]DOTA2上海特级锦标赛主赛事日 - 1 败者组第一轮#1EHOME VS Archon
2016/03/02 DOTA
python删除特定文件的方法
2015/07/30 Python
Python 网页解析HTMLParse的实例详解
2017/08/10 Python
微信跳一跳python代码实现
2018/01/05 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
python实现图片压缩代码实例
2019/08/12 Python
在pandas中遍历DataFrame行的实现方法
2019/10/23 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
python MultipartEncoder传输zip文件实例
2020/04/07 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
MYSQL基础面试题
2012/05/13 面试题
老人院义工活动感想
2015/08/07 职场文书
安全生产学习心得体会
2016/01/18 职场文书
多人股份制合作协议书
2016/03/19 职场文书
人力资源部工作计划
2019/05/14 职场文书
python实现批量提取指定文件夹下同类型文件
2021/04/05 Python