[英]Week Picker CSS
我們使用的日期選擇器沒有我們需要的星期選擇器功能。 我想知道我們是否可以通過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,所以我可以突出顯示整周?
謝謝!
我不認為這只能通過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");
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.