zoukankan      html  css  js  c++  java
  • JQuery 遍历each,及脚本截取字符串用例

    需求描述:在当前页面有个计划列表,当点击 《新增》 按钮 时  判断当月是否 已经有计划。

      1.遍历文本框取得时间值。

      2.判断 文本框中时间 和 当前时间(年月)。

      3.如果 二者 吻合,说明当前年月 已有计划,否则没有

    JSP页面:

    <!-- 添加按钮-->
    <input style=" 74px" type="button" value="新建" id="btnAdd" class="btn4" onclick="showAddDiv();" />
    <!-- 需要遍历查找的input-->
    <c:forEach var="result" items="${page.result}">
      <fmt:formatDate value="${result.planTime }" pattern="yyyy-MM-dd" /> <input type="hidden" id='planCreateTimeInput' name='planCreateTimeInput' value="${result.planTime }" /> </c:forEach>

    <!--录入的表单 ,初始是 隐藏的-->
    <div id="JcPlanInputDiv">
      .......
    </div>

    JS方法:

     

        function showAddDiv() {
            //取得当前年月
            var currentDate = new Date();
            var year = currentDate.getFullYear();
            var mon = currentDate.getMonth() + 1;
            if (mon < 10) {
                mon = "0" + mon;
            }
            var today = year + "-" + mon;
            
            var flag=true;//是否显示录入表单
            //遍历多个 名字相同的 input 并比较他们的值
            $("input[name='planCreateTimeInput']").each(function(){
                var planTime=this.value;
                var subTime=planTime.substr(0,7)//截取时间中的年月
                if(today==subTime){//比较两个时间
                    flag=false; //时间相同,当月已有计划,不可再添加 false
                }
            });
            if(flag==false){
                alert("本月已有计划!");
            }else{
                $("#JcPlanInputDiv").show();
            }
        }
  • 相关阅读:
    CSS display使用
    WPF触发器
    WPF动画2
    WPF动画2
    WPF 动画1
    CSS 媒体查询
    [Leetcode] Rotate List
    [Leetcode] Add Two Numbers
    [Leetcode] Sort List
    [Leetcode] Reverse Linked List II
  • 原文地址:https://www.cnblogs.com/demingblog/p/3008563.html
Copyright © 2011-2022 走看看