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");