• 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");
  • 相关阅读:
    python3(二十七)property
    python3(二十六)slots
    python3(二十五) getClassInfo
    python3(二十四) subClas
    python3(二十三)classInstance
    python3(二十二) oop
    python3(二十一) pip
    python3(二十) module
    python3(十九)Partial func
    python3(十八)decorator
  • 原文地址:https://www.cnblogs.com/RealWorld/p/8515296.html
Copyright © 2020-2023  润新知