Выбор недели - PullRequest
Новая
       49

Выбор недели

0 голосов
/ 03 мая 2018

Используемая нами программа выбора даты не имеет нужной нам функции выбора недели. Интересно, сможем ли мы подделать сборщик за неделю с помощью CSS, поскольку пользователи могут выбирать только в субботу?

Я не могу просто нацелить и выделить строку, потому что сгенерированный сервером код выглядит следующим образом: 

<tr>
  <td>1</td>
  <td>2</td>
  <td>3</td>
  <td>4</td>
  <td>5</td>
  <td>6</td>
  <td>7</td>
  <td>8</td>
  <td>9</td>
  <td>10</td>
  <td>11</td>
  <td>12</td>
  <td>13</td>
</tr>
<tr>
  <td>14</td>
  <td>15</td>
  <td>16</td>
  <td>17</td>
  <td>18</td>
  <td>19</td>
  <td>20</td>
  <td>21</td>
  <td>22</td>
  <td>23</td>
  <td>24</td>
  <td>25</td>
  <td>26</td>
</tr>
<tr>
  <td>27</td>
  <td>28</td>
  <td>29</td>
  <td>30</td>
  <td>31</td>
</tr>

Можно ли написать что-то вроде tr:focus:nth-child(6) для цели <tr> от n-6 до n, чтобы я мог выделить целую неделю?

Спасибо!

1 Ответ

0 голосов
/ 03 мая 2018

Я не думаю, что это можно сделать только через css. Надеясь, что это подходит под вопрос, вот скрипка, которая делает это с помощью jquery (хотя это только косметическая изюминка).

Вот моя скрипка https://jsfiddle.net/too4svgm/1/

$("table td").click(function() {

 $tds = $(this).parent().parent().find("td");
  var a = $tds.index(this);
  var c = a - 6;
  $tds.css("background-color", "inherit");

  $tds.filter(function(index) {
    var b = (index <= a) && (index >= c);
    return b;
  }).css("background-color", "green");    

});
...