Js以及Html中 格式化日期/时间

		function formatDate(date, format) {   
             if (!date) return;   
             if (!format) format = "yyyy-MM-dd";   
             switch(typeof date) {   
                 case "string":   
                     date = new Date(date.replace(/-/, "/"));   
                     break;   
                 case "number":   
                     date = new Date(date);   
                     break;   
             }    
             if (!date instanceof Date) return;   
             var dict = {   
                 "yyyy": date.getFullYear(),   
                 "M": date.getMonth() + 1,   
                 "d": date.getDate(),   
                 "H": date.getHours(),   
                 "m": date.getMinutes(),   
                 "s": date.getSeconds(),   
                 "MM": ("" + (date.getMonth() + 101)).substr(1),   
                 "dd": ("" + (date.getDate() + 100)).substr(1),   
                 "HH": ("" + (date.getHours() + 100)).substr(1),   
                 "mm": ("" + (date.getMinutes() + 100)).substr(1),   
                 "ss": ("" + (date.getSeconds() + 100)).substr(1)   
             };       
             return format.replace(/(yyyy|MM?|dd?|HH?|ss?|mm?)/g, function() {   
                 return dict[arguments[0]];   
             });                   
         }
	$(function(){
    	alert(formatDate("2019-08-07 10:59:00", "HH:mm:ss"));   
    	alert(formatDate("2019-08-07 10:59:00", "yyyy-MM-dd HH:mm:ss")); 
    });
//字符串转日期格式,strDate要转为日期格式的字符串 
        function getDate(strDate) { 
          var st = strDate; 
          var a = st.split(" "); //这个根据你的字符串决定,如果中间为T则改T
          var b = a[0].split("-"); 
          var c = a[1].split(":"); 
          var date = new Date(b[0], b[1], b[2], c[0], c[1], c[2]);
          return date; 
        }

**

//上面所说的是js 下面这是html中的fmt标签

**
1.先引入标签库

使用fmt函数需在jsp中引入 
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

2.如果时间是时间戳或者是Data的形式的话

<fmt:formatDate value="${requireInfoBean.releaseTime}" pattern="yyyy-MM-dd"/>

3.如果时间是String类型的话 要先将String解析为Date 然后再格式化Date

<fmt:parseDate value="${requireInfoBean.releaseTime}" var="releaseTime" pattern="yyyy-MM-dd"/>
<fmt:formatDate value="${releaseTime}" pattern="yyyy-MM-dd"/>

调用的格式标签

调用格式化标签:
1、显示星期几:
<fmt:formatDate value="${date}" pattern="E"/>
2、显示年月日 时分秒:
<fmt:formatDate value="${date}" pattern="yyyy-MM-dd HH:mm:ss"/>

补充:如果用String格式的时间去格式化时间的话会报错 “因为时间是string类型,不能转换为date格式”

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML日期类型可以使用`<input>`元素的`type`属性来指定为`date`,然而不同浏览器对于日期格式的支持可能存在差异,因此建议在服务器端使用后端框架或JavaScript等进行日期格式化。 如果您希望在HTML显示格式化后的日期,可以使用以下方法: 1. 使用后端框架,在服务器端将日期格式化为指定格式,并在HTML使用格式化后的日期字符串。 2. 使用JavaScript,在前端页面使用JavaScript将日期格式化为指定格式并显示在HTML页面上。 以下是使用JavaScript在HTML格式化日期的示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>格式化日期</title> </head> <body> <p id="date"></p> <script> var dateStr = "2023-05-25 08:00:00.0"; var date = new Date(dateStr); var formattedDate = formatDate(date, "yyyy-MM-dd HH:mm"); function formatDate(date, format) { var o = { "M+": date.getMonth() + 1, "d+": date.getDate(), "H+": date.getHours(), "m+": date.getMinutes(), "s+": date.getSeconds(), "q+": Math.floor((date.getMonth() + 3) / 3), "S": date.getMilliseconds() }; if (/(y+)/.test(format)) { format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length)); } for (var k in o) { if (new RegExp("(" + k + ")").test(format)) { format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); } } return format; } document.getElementById("date").innerHTML = formattedDate; </script> </body> </html> ``` 其,`dateStr`为需要格式化日期字符串,`formatDate()`函数用于格式化日期,`formattedDate`为格式化后的日期字符串,最终使用JavaScript将其显示在`<p>`标签

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值