用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代码
Oct 09 Javascript
浅谈javascript六种数据类型以及特殊注意点
Dec 20 Javascript
Jquery EasyUI中弹出确认对话框以及加载效果示例代码
Feb 13 Javascript
DIV始终居中的js代码
Feb 17 Javascript
jQuery实现的多选框多级联动插件
May 02 Javascript
jQuery学习总结之jQuery事件
Jun 30 Javascript
js模仿php中strtotime()与date()函数实现方法
Aug 11 Javascript
jQuery实现仿新浪微博浮动的消息提示框(可智能定位)
Oct 10 Javascript
jquery获取easyui日期控件的值实现方法
Nov 09 Javascript
JavaScript实现随机点名器实例详解
May 07 Javascript
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
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读取大文件示例分享(文件操作类)
2014/04/13 PHP
php使用google地图应用实例
2014/12/31 PHP
php模拟post提交数据的方法
2015/02/12 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
使用jQuery轻松实现Ajax的实例代码
2010/08/16 Javascript
JQuery触发事件例如click
2013/09/11 Javascript
jquery mobile开发常见问题分析
2016/01/21 Javascript
快速入门Vue
2016/12/19 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
jquery实现的table排序功能示例
2017/03/10 Javascript
Javascript实现基本运算器
2017/07/15 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
js 数组详细操作方法及解析合集
2018/06/01 Javascript
如何在vue里添加好看的lottie动画
2018/08/02 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
JS访问对象两种方式区别解析
2020/08/29 Javascript
iview实现动态表单和自定义验证时间段重叠
2021/01/10 Javascript
Python网络爬虫出现乱码问题的解决方法
2017/01/05 Python
python模块之re正则表达式详解
2017/02/03 Python
Python操作mongodb数据库进行模糊查询操作示例
2018/06/09 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
Flask框架模板渲染操作简单示例
2019/07/31 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
2014年圣诞节倒计时网页的制作过程
2014/12/05 HTML / CSS
HTML5 FileReader对象的具体使用方法
2020/05/22 HTML / CSS
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
新加坡第一大健康与美容零售商:屈臣氏新加坡(Watsons Singapore)
2020/12/11 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
员工拾金不昧表扬信
2014/01/09 职场文书
小学模范班主任事迹材料
2014/05/13 职场文书
总经理检讨书
2014/09/15 职场文书
乡镇务虚会发言材料
2014/10/20 职场文书
标枪加油稿
2015/07/22 职场文书
职工食堂管理制度
2015/08/06 职场文书
python使用tkinter实现透明窗体上绘制随机出现的小球(实例代码)
2021/05/17 Python
opencv深入浅出了解机器学习和深度学习
2022/03/17 Python