用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 申明函数的三种方法 每个函数就是一个对象(一)
Dec 04 Javascript
ExtJs使用IFrame的实现代码
Mar 24 Javascript
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 Javascript
jquery左边浮动到一定位置时显示返回顶部按钮
Jun 05 Javascript
node.js中的fs.utimesSync方法使用说明
Dec 15 Javascript
JS的数组迭代方法
Feb 05 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
Feb 28 Javascript
Javascript实现前端简单的路由实例
Sep 11 Javascript
轻松学习Javascript闭包
Mar 01 Javascript
在pycharm中开发vue的方法步骤
Mar 04 Javascript
VueQuillEditor富文本上传图片(非base64)
Jun 03 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
博士208HAF收音机实习报告
2021/03/02 无线电
模板引擎正则表达式调试小技巧
2011/07/20 PHP
php中file_exists函数使用详解
2015/05/08 PHP
常见PHP数据库解决方案分析介绍
2015/09/24 PHP
详解WordPress中分类函数wp_list_categories的使用
2016/01/04 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
如何在Web页面上直接打开、编辑、创建Office文档
2007/03/12 Javascript
科讯商业版中用到的ajax空间与分页函数
2007/09/02 Javascript
Javascript的时间戳和php的时间戳转换注意事项
2013/04/12 Javascript
eclipse如何忽略js文件报错(附图)
2013/10/30 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
JavaScript实现的使用键盘控制人物走动实例
2014/08/27 Javascript
Javascript表单验证要注意的事项
2014/09/29 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果
2015/08/25 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
2016/08/31 Javascript
基于vue的fullpage.js单页滚动插件
2017/03/20 Javascript
vue-cli中的webpack配置详解
2017/09/25 Javascript
jQuery实现简单的下拉菜单导航功能示例
2017/12/07 jQuery
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
JavaScript常见继承模式实例小结
2019/01/11 Javascript
javascript中floor使用方法总结
2019/02/02 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
python通过yield实现数组全排列的方法
2015/03/18 Python
Python使用正则匹配实现抓图代码分享
2015/04/02 Python
Python操作Access数据库基本步骤分析
2016/09/19 Python
Python实现爬取马云的微博功能示例
2019/02/16 Python
python requests使用socks5的例子
2019/07/25 Python
python随机生成库faker库api实例详解
2019/11/28 Python
详解Open Folder as PyCharm Project怎么添加的方法
2020/12/29 Python
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
科茨沃尔德家居商店:Scotts of Stow
2018/06/29 全球购物
事业单位请假制度
2014/01/13 职场文书
护士年终个人总结
2015/02/13 职场文书
中学校园广播稿
2015/08/18 职场文书
中国十大神话动漫电影排行榜 哪吒登顶 白蛇缘起排第七
2022/03/21 国漫