function getlistRoom(obj) { //obj就是通过ajax传过来的 data for (var i = 0; i < obj.length; i++) {//遍历数据 var endtimeminutes = obj[i].bookEndTime.minutes;//接收结束的分钟 var starttimeminutes = obj[i].bookStartTime.minutes;//接收开始的分钟 var endtimehours = obj[i].bookEndTime.hours;//接收结束的小时 var starttimehours = obj[i].bookStartTime.hours;//接收开始的小时 // console.log(endtimeminutes+"/"+starttimeminutes+"?"+endtimehours+"?"+starttimehours) var ishours = Math.abs(starttimehours - endtimehours);//经过了几个小时 if (ishours == 0) {//若在同一个时段 var spanTop = starttimeminutes / 60 * 38; //定位TOP值 var spanHight = (endtimeminutes - starttimeminutes) / 60 * 38;//遮盖层的 var wholi = starttimehours * 7;// $('.room').find("li").eq(wholi).find("span").css({//给li里的span加样式 "top": spanTop, "height": spanHight, "z-index": 2 }) } else { var spanTopbtm = parseInt(starttimeminutes / 60 * 38); //38是当前每个小格li的高度 var spanHightbtm = parseInt((60 - starttimeminutes) / 60 * 38); var spanBtmhight = parseInt(endtimeminutes / 60 * 38); var wholibtm = starttimehours * 7; var endtime = endtimehours * 7; var getSpan = $('.room').find("li"); getSpan.eq(wholibtm).find("span").css({//给li里的span加样式 "top": spanTopbtm, "height": spanHightbtm, "z-index": 2, "background": "#7EC6B2" }); getSpan.eq(endtime).find("span").css({//给li里的span加样式 "height": spanBtmhight, "z-index": 2, "background": "#7EC6B2" }); if (ishours > 1) { var startAdd = starttimehours + 1; var endAdd = endtimehours - 1; if (startAdd == endAdd) { var wholibtms = startAdd * 7; getSpan.eq(wholibtms).find("span").css({ "height": 38, "z-index": 2, "background": "#7EC6B2" }) } 这是获取后台的 预订时间 开始时间与结束时间的一个小计算 完全大哥帮我的,
HTML
<div class="qstcc qstcc2" id="reserve_box"> <div class="qsdiv"> <span class="close close_e"></span> <p class="qstit">预约</p> <div class="thnr"> <div class="space5"></div> <p> AAA <select class="xxlx flnone w60"> <option value="">#306</option> </select> <span class ="day">星期:</span> </p> <div class="space5"></div> <p> 开始时间: <select class="xxlx startY flnone w60"> <option value=""></option> </select> 年 <select class="xxlx startM flnone w45"> <option value="">1</option> </select> 月 <select class="xxlx startD flnone w45"> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</option> <option value="">7</option> <option value="">8</option> <option value="">9</option> <option value="">10</option> <option value="">11</option> <option value="">12</option> <option value="">13</option> <option value="">14</option> <option value="">15</option> <option value="">16</option> <option value="">17</option> <option value="">18</option> <option value="">19</option> <option value="">20</option> <option value="">21</option> <option value="">22</option> <option value="">23</option> <option value="">24</option> <option value="">25</option> <option value="">26</option> <option value="">27</option> <option value="">28</option> <option value="">29</option> <option value="">30</option> <option value="">31</option> </select> 日 <select class="xxlx startH flnone w45"> <option value=""></option> </select> 时 <select class="xxlx startMM flnone w45"> <option value="">00</option> <option value="">01</option> <option value="">02</option> <option value="">03</option> <option value="">04</option> <option value="">05</option> <option value="">06</option> <option value="">07</option> <option value="">08</option> <option value="">09</option> <option value="">10</option> <option value="">11</option> <option value="">12</option> <option value="">13</option> <option value="">14</option> <option value="">15</option> <option value="">16</option> <option value="">17</option> <option value="">18</option> <option value="">19</option> <option value="">20</option> <option value="">21</option> <option value="">22</option> <option value="">23</option> <option value="">24</option> <option value="">25</option> <option value="">26</option> <option value="">27</option> <option value="">28</option> <option value="">29</option> <option value="">30</option> <option value="">31</option> <option value="">32</option> <option value="">33</option> <option value="">34</option> <option value="">35</option> <option value="">36</option> <option value="">37</option> <option value="">38</option> <option value="">39</option> <option value="">40</option> <option value="">41</option> <option value="">42</option> <option value="">43</option> <option value="">44</option> <option value="">45</option> <option value="">46</option> <option value="">47</option> <option value="">48</option> <option value="">49</option> <option value="">50</option> <option value="">51</option> <option value="">52</option> <option value="">53</option> <option value="">54</option> <option value="">55</option> <option value="">56</option> <option value="">57</option> <option value="">58</option> <option value="">59</option> </select> 分 </p> <p class="hk_top"> 结束时间: <select class="xxlx endY flnone w60"> <option value=""></option> </select> 年 <select class="xxlx endM flnone w45"> <option value=""></option> <option value=""></option> </select> 月 <select class="xxlx endD flnone w45"> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> <option value="">6</option> <option value="">7</option> <option value="">8</option> <option value="">9</option> <option value="">10</option> <option value="">11</option> <option value="">12</option> <option value="">13</option> <option value="">14</option> <option value="">15</option> <option value="">16</option> <option value="">17</option> <option value="">18</option> <option value="">19</option> <option value="">20</option> <option value="">21</option> <option value="">22</option> <option value="">23</option> <option value="">24</option> <option value="">25</option> <option value="">26</option> <option value="">27</option> <option value="">28</option> <option value="">29</option> <option value="">30</option> <option value="">31</option> </select> 日 <select class="xxlx endH flnone w45"> <option value=""></option> </select> 时 <select class="xxlx endMM flnone w45"> <option value="">00</option> <option value="">01</option> <option value="">02</option> <option value="">03</option> <option value="">04</option> <option value="">05</option> <option value="">06</option> <option value="">07</option> <option value="">08</option> <option value="">09</option> <option value="">10</option> <option value="">11</option> <option value="">12</option> <option value="">13</option> <option value="">14</option> <option value="">15</option> <option value="">16</option> <option value="">17</option> <option value="">18</option> <option value="">19</option> <option value="">20</option> <option value="">21</option> <option value="">22</option> <option value="">23</option> <option value="">24</option> <option value="">25</option> <option value="">26</option> <option value="">27</option> <option value="">28</option> <option value="">29</option> <option value="">30</option> <option value="">31</option> <option value="">32</option> <option value="">33</option> <option value="">34</option> <option value="">35</option> <option value="">36</option> <option value="">37</option> <option value="">38</option> <option value="">39</option> <option value="">40</option> <option value="">41</option> <option value="">42</option> <option value="">43</option> <option value="">44</option> <option value="">45</option> <option value="">46</option> <option value="">47</option> <option value="">48</option> <option value="">49</option> <option value="">50</option> <option value="">51</option> <option value="">52</option> <option value="">53</option> <option value="">54</option> <option value="">55</option> <option value="">56</option> <option value="">57</option> <option value="">58</option> <option value="">59</option> </select> 分 </p> <d0iv class="space5"></d0iv> <!-- <p> </p>--> <!--如果这块要换成预约的 用下边的结构--> <p> <input class="gjztxt flnone" type="text"/> </p> <div class="space10"></div> <p></p> <!--同埋换成input--> <!--<p>--> <!-- <input class="gjztxt flnone" type="text"/>--> <!--</p>--> </div> <div class="qsan"><a href="javascript:void(0)" class="btna thqs thqs2">确定</a></div> </div> </div>
同上 遍历obj的值 来定义当前的后台数据在页面的定位的更多相关文章
-
select2 取值 遍历 设置默认值
select2 取值 遍历 设置默认值 本章内容主要介绍Select2 的初始化,获取选中值,设置默认值,三个方法.Select2 美化了单选框,复选框和下拉框,特别是下拉框多选的问题.但同时,Sel ...
-
Android(java)学习笔记105:Map集合的遍历之键值对对象找键和值
package cn.itcast_01; import java.util.HashMap; import java.util.Map; import java.util.Set; /* * Map ...
-
JAVA之旅(三)——数组,堆栈内存结构,静态初始化,遍历,最值,选择/冒泡排序,二维数组,面向对象思想
JAVA之旅(三)--数组,堆栈内存结构,静态初始化,遍历,最值,选择/冒泡排序,二维数组,面向对象思想 我们继续JAVA之旅 一.数组 1.概念 数组就是同一种类型数据的集合,就是一个容器 数组的好 ...
-
通过遍历JSON键值对获取包含某字符串的键的值_电脑计算机编程入门教程自学
首发于:Aardio通过遍历JSON键值对获取包含某字符串的键的值_电脑计算机编程入门教程自学 http://jianma123.com/viewthread.aardio?threadid=429 ...
-
Android(java)学习笔记44:Map集合的遍历之键值对对象找键和值
1. Map集合的遍历之 键值对对象找 键和值: package cn.itcast_01; import java.util.HashMap; import java.util.Map; impor ...
-
页面通过Jquery取值然后传值到后台显示underfined是怎么回事?
页面通过Jquery取值然后传值到后台显示underfined是怎么回事? 一般情况下第一个如果用jQuery取值的,末尾要用val(),如果用$符号取值的,末尾要加上val. eg: busines ...
-
页面传递的都是string ; 每个标签要有name的原因是为了取值 因为传递给后台是键值对的形式
页面传递的都是string ; 每个标签要有name的原因是为了取值 因为传递给后台是键值对的形式
-
SNF快速开发平台MVC-EasyUI3.9之-WebApi和MVC-controller层接收的json字符串的取值方法和调用后台服务方法
最近项目组很多人问我,从前台页面传到后台controller控制层或者WebApi 时如何取值和运算操作. 今天就都大家一个在框架内一个取值技巧 前台JS调用代码: 1.下面是选中一行数据后右键点击时 ...
-
angular-ui-select (系列二)远程搜索,页面方框显示的值跟传给后台的值不一样解决方案
三:下拉单选远程搜索: 一个重点是: 这个方法,就是让我们去远程搜索的 refresh="ctrl.refreshAddresses($select.search)" refres ...
随机推荐
-
interpreter(解释器模式)
一.引子 其实没有什么好的例子引入解释器模式,因为它描述了如何构成一个简单的语言解释器,主要应用在使用面向对象语言开发编译器中:在实际应用中,我们可能很少碰到去构造一个语言的文法的情况. 虽然你几乎用 ...
-
在ubuntu 14.04上安装2.6的内核
1.到http://www.kernel.org/pub/linux/kernel/v2.6/linux-2.6.32.tar.bz2这里下载最新的稳定版内核: 2.根据各自系统,安装如下软件:l b ...
-
iOS coredata 级联删除
应用场景如下,每个用户可以设定多个提醒,当删除一个用户时,应当把相关的提醒都删除,而删除一个提醒时,应当把提醒从用户信息中删除. 那么 Profile 应该建立一个如下图的relationship 而 ...
-
低功耗蓝牙4.0BLE编程-nrf51822开发(8)-GATT
The Generic Attribute Profile (GATT)使用属性定义一个服务框架,定义了服务和特性的过程和数据格式,包含发现.读取.写入.通知指示特性和配置特性广播. GATT配置文件 ...
-
容器 set
SET 是个有序表!他会根据INSERT的数值自动排序! SET里面不可能出现相同的元素!SET在insert的时候会排重的! SET本质上是一种树结构,在检索上比链表快,插入比数组方便,但是不允许重 ...
-
阿里云ecs使用补充说明
前置文章:http://www.cnblogs.com/newbob/articles/5400495.html 阿里云ecs使用心得的一些个人补充部分 一.在yum安装node/npm的过程中出现的 ...
-
Hive数据仓库工具安装
一.Hive介绍 Hive是基于Hadoop的一个数据仓库工具,可以将结构化的数据文件映射为一张数据库表,并提供简单SQL查询功能,SQL语句转换为MapReduce任务进行运行. 优点是可以通过类S ...
-
codeforces472C
Design Tutorial: Make It Nondeterministic CodeForces - 472C A way to make a new task is to make it n ...
-
2018-10-19 00:13:35 ArrayList
获取集合元素的长度用的是size方法. 传入Object类型的值,返回boolean值的remove方法,含义是判断是否删除成功. 传入索引值的remove方法,返回的是被删除的元素. 修改值得set ...
-
suid, sgid,粘滞位,chattr
一. 基本含义和作用 1. SUID:当设置了SUID 位的文件被执行时,该文件将以所有者的身份运行,也就是说无论谁来执行这个文件,他都有文件所有者的特权. 2. SGID:与上面的内容类似.用于设置 ...