用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 判断函数类型完美解决方案
Sep 02 Javascript
ExtJS Grid使用SimpleStore、多选框的方法
Nov 20 Javascript
基于jquery的返回顶部效果(兼容IE6)
Jan 17 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
Oct 01 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 Javascript
jquery实现的动态回到顶部特效代码
Oct 28 Javascript
jQuery解析Json实例详解
Nov 24 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
May 08 Javascript
JavaScript制作3D旋转相册
Aug 02 Javascript
js实现数字滚动特效
Dec 16 Javascript
JavaScript布尔运算符原理使用解析
May 06 Javascript
openlayers实现图标拖动获取坐标
Sep 25 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句法规则详解 入门学习
2011/11/09 PHP
PHP文件注释标记及规范小结
2012/04/01 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
PHP微信开发之微信录音临时转永久存储
2018/01/26 PHP
JQuery实现用户名无刷新验证的小例子
2013/03/22 Javascript
纯JavaScript实现HTML5 Canvas六种特效滤镜示例
2013/06/28 Javascript
原生js实现淘宝首页点击按钮缓慢回到顶部效果
2014/04/06 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
2015/06/04 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
通过bootstrap全面学习less
2016/11/09 Javascript
js实现简单的计算器功能
2017/01/16 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
基于JavaScript实现简单扫雷游戏
2021/01/02 Javascript
[41:21]夜魇凡尔赛茶话会 第三期02:看图识人
2021/03/11 DOTA
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
python异常和文件处理机制详解
2016/07/19 Python
python求解数组中两个字符串的最小距离
2018/09/27 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
详解如何在PyCharm控制台中输出彩色文字和背景
2020/08/17 Python
库房主管岗位职责
2013/12/31 职场文书
超市5.1促销活动
2014/01/15 职场文书
中学生自我评价范文
2014/02/08 职场文书
群众路线四风问题整改措施
2014/09/27 职场文书
2014年财政局工作总结
2014/12/09 职场文书
金陵十三钗观后感
2015/06/04 职场文书
python 如何在 Matplotlib 中绘制垂直线
2021/04/02 Python
怎么禁用Windows 11快照布局? win11不使用快照布局的技巧
2021/11/21 数码科技
Python使用Web框架Flask开发项目
2022/06/01 Python
Python+SeaTable实现计算两个日期间的工作日天数
2022/07/07 Python
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers