用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 中的类和闭包
Jan 08 Javascript
QQ空间顶部折页撕开效果示例代码
Jun 15 Javascript
js Object2String方便查看js对象内容
Nov 24 Javascript
Javascript的表单验证-揭开正则表达式的面纱
Mar 18 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
May 26 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
Oct 31 Javascript
浅谈Vue SSR 的 Cookies 问题
Nov 20 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
JS实现二维数组元素的排列组合运算简单示例
Jan 28 Javascript
vue项目配置使用flow类型检查的步骤
Mar 18 Javascript
JavaScript鼠标拖拽事件详解
Apr 03 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
Sep 24 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
短波的认识
2021/03/01 无线电
Laravel框架数据库CURD操作、连贯操作总结
2014/09/03 PHP
使用PHP生成PDF方法详解
2015/01/23 PHP
php中使用gd库实现下载网页中所有图片
2015/05/12 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
PHP中如何防止外部恶意提交调用ajax接口
2016/04/11 PHP
php基于自定义函数记录log日志方法
2017/07/21 PHP
firefox下input type=&quot;file&quot;的size是多大
2011/10/24 Javascript
js里怎么取select标签里的值并修改
2012/12/10 Javascript
浅析hasOwnProperty方法的应用
2013/11/20 Javascript
ExtJS的拖拽效果示例
2013/12/09 Javascript
用js传递value默认值的示例代码
2014/09/11 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
2015/08/11 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
详解http访问解析流程原理
2017/10/18 Javascript
javaScript中的空值和假值
2017/12/18 Javascript
vue通过style或者class改变样式的实例代码
2018/10/30 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
OpenLayers加载缩放控件使用方法详解
2020/09/25 Javascript
OpenLayers3实现图层控件功能
2020/09/25 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
[01:02:48]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Liquid
2018/04/03 DOTA
python进程类subprocess的一些操作方法例子
2014/11/22 Python
Python使用sftp实现上传和下载功能(实例代码)
2017/03/14 Python
python 计算数组中每个数字出现多少次--“Bucket”桶的思想
2017/12/19 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
Python操作redis和mongoDB的方法
2019/12/19 Python
Python参数传递实现过程及原理详解
2020/05/14 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
欧洲第一中国智能手机和平板电脑网上商店:CECT-SHOP
2018/01/08 全球购物
幼儿园教师奖惩制度
2014/02/01 职场文书
生产文员岗位职责
2014/04/05 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
驾驶员安全责任书范本
2014/07/24 职场文书
公司总经理岗位职责
2015/04/01 职场文书