用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为对象原型prototype添加属性的两种方式
Aug 01 Javascript
jQuery 源码分析笔记(5) jQuery.support
Jun 19 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
Nov 25 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 Javascript
详解AngularJS的通信机制
Jun 18 Javascript
详解javascript中原始数据类型Null和Undefined
Dec 17 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
老生常谈js-react组件生命周期
May 02 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
Aug 16 jQuery
详解如何在Angular优雅编写HTTP请求
Dec 05 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 Javascript
详解vue中v-for的key唯一性
May 15 Vue.js
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
DC漫画《蝙蝠侠和猫女》图透 猫女怀孕老爷当爹
2020/04/09 欧美动漫
PHP模板引擎SMARTY
2006/10/09 PHP
PHP运行出现Notice : Use of undefined constant 的完美解决方案分享
2012/03/05 PHP
修改php.ini以达到屏蔽错误信息并记录日志
2013/06/16 PHP
PHP使用CURL_MULTI实现多线程采集的例子
2014/07/29 PHP
Laravel5中contracts详解
2015/03/02 PHP
php语法检查的方法总结
2019/01/21 PHP
用tip解决Ext列宽度不够的问题
2008/12/13 Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
2008/12/29 Javascript
使用jQuery的attr方法来修改onclick值
2014/07/07 Javascript
JQuery查找DOM节点的方法
2015/06/11 Javascript
javascript表单验证大全
2015/08/12 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
2015/08/24 Javascript
基于jQuery实现的QQ表情插件
2015/08/25 Javascript
AngularJS实践之使用NgModelController进行数据绑定
2016/10/08 Javascript
jquery插件ContextMenu设置右键菜单
2017/03/13 Javascript
Vue2递归组件实现树形菜单
2017/04/10 Javascript
vue 实现通过手机发送短信验证码注册功能
2018/04/19 Javascript
使用Vue实现简单计算器
2020/02/25 Javascript
vue3.0自定义指令(drectives)知识点总结
2020/12/27 Vue.js
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
django用户注册、登录、注销和用户扩展的示例
2018/03/19 Python
对python中的控制条件、循环和跳出详解
2019/06/24 Python
浅谈pandas.cut与pandas.qcut的使用方法及区别
2020/03/03 Python
Python 按比例获取样本数据或执行任务的实现代码
2020/12/03 Python
车辆维修工自我评价怎么写
2013/09/20 职场文书
医学生临床实习自我评价
2014/03/07 职场文书
代办委托书怎样写
2014/04/08 职场文书
会计专业自荐信
2014/06/03 职场文书
教师个人读书活动总结
2014/07/08 职场文书
保险公司演讲稿
2014/09/02 职场文书
个人工作表现评价材料
2014/09/21 职场文书
党的群众路线批评与自我批评发言稿
2014/10/16 职场文书
英语读书笔记
2015/07/02 职场文书
springboot中一些比较常用的注解总结
2021/06/11 Java/Android
PHP中多字节字符串操作实例详解
2021/08/23 PHP