用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 判断客户端浏览器类型代码
Mar 01 Javascript
javascript oop开发滑动(slide)菜单控件
Aug 25 Javascript
js猜数字小游戏的简单实现代码
Jul 02 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
javascript 操作cookies详解及实例
Feb 22 Javascript
vue项目tween方法实现返回顶部的示例代码
Mar 02 Javascript
layui框架table 数据表格的方法级渲染详解
Aug 19 Javascript
javascript合并两个数组最简单的实现方法
Sep 14 Javascript
浅谈layui使用模板引擎动态渲染元素要注意的问题
Sep 14 Javascript
jquery 插件重新绑定的处理方法分析
Nov 23 jQuery
JavaScript监听键盘事件代码实现
Jun 03 Javascript
Openlayers显示瓦片网格信息的方法
Sep 28 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实现与ASP Banner组件相似的类
2006/10/09 PHP
PHP使用pcntl_fork实现多进程下载图片的方法
2014/12/16 PHP
PHP 序列化和反序列化函数实例详解
2020/07/18 PHP
Ajax请求PHP后台接口返回信息的实例代码
2018/08/21 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
JS backgroundImage控制
2009/05/19 Javascript
javascript 触发事件列表 比较不错
2009/09/03 Javascript
JS中Iframe之间传值的方法
2013/03/11 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
2015/03/04 Javascript
第一次动手实现bootstrap table分页效果
2016/09/22 Javascript
js入门之Function函数的使用方法【新手必看】
2016/11/22 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
react native 文字轮播的实现示例
2018/07/27 Javascript
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
vue实现随机验证码功能(完整代码)
2019/12/10 Javascript
JS定时器如何实现提交成功提示功能
2020/06/12 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
[04:12]第二届DOTA2亚洲邀请赛选手传记-Newbee.Sccc
2017/04/03 DOTA
python生成随机图形验证码详解
2017/11/08 Python
python爬虫可以爬什么
2020/06/16 Python
利用Python如何制作贪吃蛇及AI版贪吃蛇详解
2020/08/24 Python
Python常用数字处理基本操作汇总
2020/09/10 Python
HTML5: Web 标准最巨大的飞跃
2008/10/17 HTML / CSS
GNC健安喜美国官网:美国第一营养品牌
2016/07/22 全球购物
英国第一豪华护肤品牌:Elemis
2017/10/12 全球购物
GANT葡萄牙官方商店:拥有美国运动服传统的生活方式品牌
2018/10/18 全球购物
大学生求职工作的自我评价
2014/02/13 职场文书
大学毕业生求职自荐信
2014/02/20 职场文书
2014年母亲节寄语
2014/05/07 职场文书
课堂打架检讨书200字
2014/11/21 职场文书
公司仓库管理制度
2015/08/04 职场文书
公司中层管理培训心得体会
2016/01/11 职场文书
六年级数学教学反思
2016/02/16 职场文书
求职自荐信该如何书写?
2019/06/24 职场文书
uwsgi+nginx代理Django无法访问静态资源的解决
2021/05/10 Servers
MySQL中一条update语句是如何执行的
2022/03/16 MySQL