用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 (二) 万能的选择器
Oct 01 Javascript
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 Javascript
js动态生成指定行数的表格
Jul 11 Javascript
JS常见问题整理(持续更新)
Aug 06 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
JS比较2个日期间隔的示例代码
Apr 15 Javascript
Javascript之面向对象--接口
Dec 02 Javascript
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
bootstrap Table插件使用demo
Aug 07 Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
JS数组扁平化(flat)方法总结详解
Jun 24 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 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 之入门篇
2006/12/04 PHP
浅谈PHP定义命令空间的几个注意点(推荐)
2016/10/29 PHP
PHP流Streams、包装器wrapper概念与用法实例详解
2017/11/17 PHP
JQuery toggle使用分析
2009/11/16 Javascript
HTML颜色选择器实现代码
2010/11/23 Javascript
一些实用的jQuery代码片段收集
2011/07/12 Javascript
js用Date对象处理时间实现思路及代码
2013/01/31 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
2016/05/05 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
JavaScript对象数组排序实例方法浅析
2016/06/15 Javascript
jquery实现tab键进行选择后enter键触发click行为
2017/03/29 jQuery
详解webpack中的hash、chunkhash、contenthash区别
2018/01/05 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
2018/05/03 jQuery
以v-model与promise两种方式实现vue弹窗组件
2018/05/21 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
2018/06/19 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
2018/09/05 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
微信小程序 wxParse插件显示视频问题
2019/09/27 Javascript
jQuery实现的解析本地 XML 文档操作示例
2020/04/30 jQuery
jenkins自动构建发布vue项目的方法步骤
2021/01/04 Vue.js
js实现类选择器和name属性选择器的示例步骤
2021/02/07 Javascript
Python实现二维有序数组查找的方法
2016/04/27 Python
python3设计模式之简单工厂模式
2017/10/17 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
利用python如何处理nc数据详解
2018/05/23 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
使用CSS Grid布局实现网格的流动
2014/12/30 HTML / CSS
abstract class和interface有什么区别?
2012/01/03 面试题
Java程序员常见面试题
2015/07/16 面试题
环境工程求职简历的自我评价范文
2013/10/24 职场文书
写给老师的表扬信
2014/01/21 职场文书
环保建议书作文
2014/03/12 职场文书
综合素质自我评价怎么写
2014/09/14 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
前端学习——JavaScript原生实现购物车案例
2021/03/31 Javascript