前端页面显示时间格式化问题

问题:前端页面获取到时间数据后显示出:“Thu Apr 19 08:37:23 CST 2018”格式,显示效果不友好,欲将其转换为“yyyy-mm-dd hh:mm:ss”格式。

解决方案:

1 <!-- 添加标签 -->
2 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
3 
4 
5 <!-- 使用fmt:formatDate -->
6 <td><fmt:formatDate value="${organization.createTime }" pattern="yyyy-mm-dd hh:mm:ss"/></td>

 

转载于:https://www.cnblogs.com/jasonZh/p/8899424.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 前端标准时间格式转换可以使用JavaScript中的Date对象和相关方法来实现。以下是一些常见的时间格式转换: 1. 时间戳转日期时间:可以使用Date对象的构造函数,将时间戳作为参数传入,然后使用相关方法获取对应的年、月、日、小时、分钟、秒等信息,再将它们拼接成需要的格式。 示例代码: ```javascript const timestamp = 1613481600000; // 时间戳,单位为毫秒 const date = new Date(timestamp); const year = date.getFullYear(); const month = date.getMonth() + 1; // 月份从0开始,需要加1 const day = date.getDate(); const hour = date.getHours(); const minute = date.getMinutes(); const second = date.getSeconds(); const formattedTime = `${year}-${month}-${day} ${hour}:${minute}:${second}`; console.log(formattedTime); // 输出:2021-02-16 00:00:00 ``` 2. 日期时间转时间戳:可以使用Date对象的getTime()方法,它会返回当前日期时间的时间戳,单位为毫秒。 示例代码: ```javascript const formattedTime = '2021-02-16 00:00:00'; // 需要转换的日期时间 const timestamp = new Date(formattedTime).getTime(); // 将日期时间转换为时间戳 console.log(timestamp); // 输出:1613481600000 ``` 3. 时间格式的格式:可以使用Date对象的toLocaleDateString()和toLocaleTimeString()方法,它们会返回当前日期时间的本地格式,可以根据需要自定义参数,如时间的格式、语言等。 示例代码: ```javascript const date = new Date(); const formattedDate = date.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }); const formattedTime = date.toLocaleTimeString('zh-CN', { hour12: false, hour: '2-digit', minute: '2-digit', second: '2-digit' }); console.log(formattedDate); // 输出:2023/02/16 console.log(formattedTime); // 输出:13:40:22 ``` 以上是一些常见的时间格式转换方式,可以根据具体需求灵活使用。 ### 回答2: 前端标准时间格式转换包括将不同的时间格式转换为标准的时间格式,以便于在前端页面显示和处理。常见的时间格式包括年月日时分秒、年月日、时分秒等。 在前端开发中,可以使用JavaScript的Date对象进行时间格式的转换。Date对象提供了多个方法和属性,可以方便地进行时间的处理和格式转换。 要将不同的时间格式转换为标准的时间格式,首先需要获取到原始时间的数值,可以使用Date对象的构造函数或者相关方法将字符串类型的时间转换为Date对象。然后,使用Date对象提供的方法,如getFullYear()、getMonth()、getDate()、getHours()、getMinutes()、getSeconds()等获取时间的年、月、日、时、分、秒等信息。 根据需要,可以将获取到的时间信息按照标准时间格式进行拼接,例如:yyyy-MM-dd HH:mm:ss。具体的代码如下: ``` var date = new Date(); // 获取当前时间 var year = date.getFullYear(); // 获取年份 var month = date.getMonth() + 1; // 获取月份(注意要加1,因为JavaScript的月份是从0开始的) var day = date.getDate(); // 获取日期 var hour = date.getHours(); // 获取小时 var minute = date.getMinutes(); // 获取分钟 var second = date.getSeconds(); // 获取秒数 // 格式时间 var formattedTime = year + '-' + addZero(month) + '-' + addZero(day) + ' ' + addZero(hour) + ':' + addZero(minute) + ':' + addZero(second); // 在页面显示时间 document.getElementById('time').innerHTML = formattedTime; // 封装一个函数,用于补零 function addZero(num) { return num < 10 ? '0' + num : num; } ``` 以上代码通过调用Date对象的相关方法,获取当前时间的年、月、日、时、分、秒信息,并通过拼接字符串的形式将时间格式为yyyy-MM-dd HH:mm:ss的标准格式。最后,将格式后的时间显示页面上。 这样,前端就可以对不同的时间格式进行转换,使之符合标准的时间格式要求,便于在页面显示和操作。 ### 回答3: 前端标准时间格式转换指的是将不同格式的时间字符串转换为标准的时间格式。一般来说,前端开发中最常见的时间格式是ISO 8601标准的时间字符串,格式为"YYYY-MM-DDTHH:mm:ss.sssZ"。下面介绍一种常见的方法来进行时间格式转换。 首先,可以使用JavaScript内置的Date对象来解析和处理时间。可以通过传入不同格式的时间字符串(如"2019-01-01"、"2019-01-01T00:00:00"、"2019-01-01T00:00:00.000")来创建一个Date对象。 接着,可以使用Date对象的方法来获取年、月、日、时、分、秒等时间信息,然后根据需要进行格式输出。可以使用Date对象的getFullYear()、getMonth()、getDate()、getHours()、getMinutes()、getSeconds()等方法获取具体时间。注意,这些方法返回的月份是从0开始的,所以需要在输出时加1。 如果需要将时间格式输出为特定的格式,例如"YYYY年MM月DD日 HH:mm:ss",可以使用JavaScript的字符串操作函数concat()、padStart()等进行格式操作。 最后,需要注意的是,不同浏览器对于时间格式的解析和处理可能存在差异,所以在进行时间格式转换时,需要考虑兼容性和测试不同浏览器的表现。 总结起来,前端标准时间格式转换可以使用JavaScript的Date对象来解析和处理时间,然后根据需要进行格式输出,注意兼容性和浏览器差异。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值