用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 相关文章推荐
js获取键盘按键响应事件(兼容各浏览器)
May 16 Javascript
jquery ready(fn)事件使用介绍
Aug 21 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
Aug 11 Javascript
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
Jan 19 Javascript
js原生实现FastClick事件的实例
Nov 20 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
Dec 08 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
Bootstrap表单制作代码
Mar 17 Javascript
vue2.0 keep-alive最佳实践
Jul 06 Javascript
从零开始最小实现react服务器渲染详解
Jan 26 Javascript
基于Web Audio API实现音频可视化效果
Jun 12 Javascript
js 执行上下文和作用域的相关总结
Feb 08 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
用IE远程创建Mysql数据库的简易程序
2006/10/09 PHP
提升PHP执行速度全攻略(上)
2006/10/09 PHP
Windows下安装Memcached的步骤说明
2010/04/25 PHP
php smarty 二级分类代码和模版循环例子
2011/06/16 PHP
php数组中包含中文的排序方法
2014/06/03 PHP
PHP解析目录路径的3个函数总结
2014/11/18 PHP
PHP5.2下preg_replace函数的问题
2015/05/08 PHP
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
2011/02/18 Javascript
script不刷新页面的联动前后代码
2013/09/18 Javascript
七个很有意思的PHP函数
2014/05/12 Javascript
javascript下拉框选项单击事件的例子分享
2015/03/04 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
JavaScript队列、优先队列与循环队列
2016/11/14 Javascript
localStorage实现便签小程序
2016/11/28 Javascript
Vue.js组件通信的几种姿势
2017/10/23 Javascript
Node.js应用设置安全的沙箱环境
2018/04/23 Javascript
React组件内事件传参实现tab切换的示例代码
2018/07/04 Javascript
详解Webpack-dev-server的proxy用法
2018/09/08 Javascript
vuex vue简单使用知识点总结
2019/08/29 Javascript
python列表去重的二种方法
2014/02/14 Python
python登录豆瓣并发帖的方法
2015/07/08 Python
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
sklearn中的交叉验证的实现(Cross-Validation)
2021/02/22 Python
纯CSS3制作页面切换效果的实例代码
2019/05/30 HTML / CSS
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
澳大利亚波希米亚风时尚品牌:Tree of Life
2019/09/15 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
生物制药毕业生自荐信
2013/10/16 职场文书
小学岗位竞聘方案
2014/01/22 职场文书
安全生产月宣传标语
2014/10/06 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书
SQL Server使用导出向导功能
2022/04/08 SQL Server