用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 相关文章推荐
[转]JS宝典学习笔记
Feb 07 Javascript
jQuery 阴影插件代码分享
Jan 09 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
Mar 04 Javascript
JavaScript事件委托实例分析
May 26 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
javascript高级编程之函数表达式 递归和闭包函数
Nov 29 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
JavaScript setTimeout使用闭包功能实现定时打印数值
Dec 18 Javascript
Ajax的概述与实现过程
Nov 18 Javascript
折叠菜单及选择器的运用
Feb 03 Javascript
微信小程序公用参数与公用方法用法示例
Jan 09 Javascript
深入理解JS异步编程-Promise
Jun 03 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
用PHP和ACCESS写聊天室(十)
2006/10/09 PHP
php基础学习之变量的使用
2011/06/09 PHP
php中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
用php实现选择排序的解决方法
2013/05/04 PHP
详解php协程知识点
2018/09/21 PHP
给Javascript数组插入一条记录的代码
2007/08/30 Javascript
JS 跳转页面延迟2种方法
2013/03/29 Javascript
js中的布尔运算符使用介绍
2013/11/20 Javascript
jquery使用animate方法实现控制元素移动
2015/03/27 Javascript
基于Javascript实现返回顶部按钮
2016/02/29 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
微信小程序侧边栏滑动特效(左右滑动)
2017/01/23 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
webpack学习教程之publicPath路径问题详解
2017/06/17 Javascript
给vue项目添加ESLint的详细步骤
2017/09/29 Javascript
利用HBuilder打包前端开发webapp为apk的方法
2017/11/13 Javascript
初识 Vue.js 中的 *.Vue文件
2017/11/22 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
详解nodeJs文件系统(fs)与流(stream)
2018/01/24 NodeJs
electron踩坑之remote of undefined的解决
2020/10/06 Javascript
Python提取支付宝和微信支付二维码的示例代码
2019/02/15 Python
Python3并发写文件与Python对比
2019/11/20 Python
pytorch实现线性拟合方式
2020/01/15 Python
Django后台管理系统的图文使用教学
2020/01/20 Python
使用 prometheus python 库编写自定义指标的方法(完整代码)
2020/06/29 Python
详解Flask前后端分离项目案例
2020/07/24 Python
浅谈html5标签css3的常用样式
2016/10/20 HTML / CSS
html5使用Drag事件编辑器拖拽上传图片的示例代码
2017/08/22 HTML / CSS
Tory Burch美国官方网站:美国时尚生活品牌
2016/08/01 全球购物
米兰网婚纱礼服法国网上商店:Milanoo法国
2016/08/20 全球购物
电子专业推荐信范文
2013/11/18 职场文书
门卫人员岗位职责
2013/12/24 职场文书
经销商订货会主持词
2014/03/27 职场文书
委托公证书
2014/04/08 职场文书
民主评议党员自我鉴定
2014/10/21 职场文书
目标责任书格式范文
2015/05/11 职场文书