JSTL 显示时间格式、判断为空、判断相等,botton禁用、禁用转化为启用、转换为另一个botton

JSTL 显示时间格式

<f:formatDate value="${list.createTime}" pattern="yyyy/MM/dd HH:mm:ss" />

 JSTL 判断是否为空

<c:when test="${not empty meetings}">

JSTL 判断是否相等

<c:if test="${meetingStateList eq list.coSpaceId}">

HTML <fieldset> 标签

<fieldset> 标签可以将表单内的相关元素分组。

<fieldset> 标签会在相关表单元素周围绘制边框。

提示:<legend> 标签为 <fieldset> 元素定义标题。

例:

 <fieldset>
  <legend>Perlia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
 </fieldset>

结果:

<button> 标签

botton 禁用状态

<button type="button" id="btn" class=" btn_block" disabled="disabled">按钮</button>

.btn_block{ margin:0 auto; display:block; cursor:not-allowed; background-color:#EEEEEE; border:none; }

botton 启用状态

<button type="button"  id="btn" class=" btn" >按钮</button>

.btn{
margin:0 auto;
display:block;
}

botton从禁用转为启用

切换css样式

document.getElementById("btn").disabled=false;
$("#btn").removeClass("btn_block").addClass("btn");

botton转换为另一个botton

比如开始按钮转换为结束按钮,两个botton的位置要相同

        .start_btn{
        margin:0 auto;
        display:block;//按钮显示
        }

        .end_btn{
        margin:0 auto;
        display:none;//按钮隐藏
        }

<button type="button" css="start_btn"  >开始</button>
<button type="button" css="end_btn"  >结束</button>

切换css样式

$("#start_btn").removeClass("start_btn").addClass("end_btn");
$("#end_btn").removeClass("end_btn").addClass("start_btn");
原文地址:https://www.cnblogs.com/RealWorld/p/8515296.html