我希望它能根據日期橫向滾動。

我對這個腳本有一個問題，我想讓它根據日期橫向滾動，我該怎么做呢？

 var d = new Date()。
var weekday=new Array（7）。
weekday[0]="lunedì"/span>。
星期[1]="martedì"。
平日[2]=" mercoledì"。
星期[3]="giovedì"。
周日[4]="venerdì"。
星期[5]="sabato";
星期[6]="domenica"。

if(d == weekday[1]) { $( " 。 table-responsive" ).scrollLeft( 300 ); }

  else if (d == weekday[1]) { $( " 。 table-responsive" ).scrollLeft( 300 ); }
  else if (d == weekday[2]) { $( " 。 table-responsive" ).scrollLeft( 450 ); }
  else if (d == weekday[3]) { $( " 。 table-responsive" ).scrollLeft( 600 ); }
  else if (d == weekday[4] ) { $(" 。 table-responsive" ).scrollLeft( 750 ); }
  else if (d == weekday[5] ) { $(" 。 table-responsive" ).scrollLeft( 900 ); }
  else if (d == weekday[6] ) { $(" 。 table-responsive" ).scrollLeft( 150 );}。

uj5u.com熱心網友回復：

歡迎來到Stack Overflow。你可能想看看getDay()：

getDay()方法根據當地時間回傳指定日期的星期幾，其中0代表星期天。對于月份的日期，請參見Date.prototype.getDate()。

$(function() {
  var d = new Date() 。
  console.log(d.toString), "Day: "   d.getDay()) 。
  var weekdays = [
    "lunedì"。
    "martedì"。
    " mercoledì",
    "giovedì"。
    "venerdì"。
    "sabato"。
    "domenica" function toUpperFirst(str) {
    return str.substring(0, 1) 。 toUpperCase()   str.substring(1) 。
  }

  $.each(weekdays, function(i, day) {
    $("<th>").html（toUpperFirst（日））。 appendTo($(".table-responsive thead tr").eq(0) ) 。
  });

  var view = $(".viewport") 。
  switch (d.getDay() ) {
    case 0:
      //星期日 / Domeniza
      console.log("scroll to Domeniza")。
      view.scrollLeft（900）。
      break。
    case 1:
      // Monday / Lunedi
      console.log("scroll to Lunedi")。
      view.scrollLeft（0）。
      break。
    case 2:
      // Tuesday / Martedi
      console.log("scroll to Martedi")。
      view.scrollLeft（150）。
      break。
    case 3:
      //周三/Mercoledi。
      console.log("scroll to Mercoledi")。
      view.scrollLeft（300）。
      break。
    case 4:
      //星期四/Giovedi。
      console.log("scroll to Giovedi")。
      view.scrollLeft（450）。
      break。
    case 5:
      // Friday / Venerdì
      console.log("scroll to Venerdi")。
      view.scrollLeft（600）。
      break。
    case 6:
      //星期六/Sabato
      console.log("scroll to Sabato")。
      view.scrollLeft（750）。
      break。
  }

  view.scroll（function(event) {
    console.log($(this).scrollLeft()。
  });
});

.viewport {
  width: 150px;
  overflow: auto;
}

.table-responsive {
  table-layout: fixed;
  width: 1050px。
}

.table-responsive th {
  width: 150px;
}

.table-responsive td {
  height: 240px;
}

<script src="https://cdnjs. cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>/span>
<div class="viewport"/span>>
  <table class="table-responsive">/span>
    <thead> 
      <tr></tr> 
    </thead>/span>
    <tbody>/span>
      <tr>/span>
        <td>/span>0</td>/span>
        <td>/span>150</td>/span>
        <td>/span>300</td>/span>
        <td>/span>450</td>/span>
        <td>/span>600</td>/span>
        <td>/span>750</td>/span>
        <td>/span>900</td>/span>
        <td>&nbsp; </td>
      </tr>/span>
    </tbody>/span>
  </table>/span>
</div>/span>

uj5u.com熱心網友回復：

如果你真的期望d是一個日名，你可以使用一個物件來查詢滾動位置。

通過名稱：

。
  const dayName = 'giovedì'/span>;

  const positions = {
    domenica: 150,
    lunedì: 300,
    martedì: 300,
    mercoledì: 450,
    Giovedì: 600,
    venerdì: 750。
    sabato: 900: 900.
  };

  $( ".table-responsive" ).scrollLeft(position[dayName])。

按數字計算

  const dayNumber = 0;

  const positions = [300, 300, 450, 600, 750, 900, 150] 。

  $( ".table-responsive" ).scrollLeft(position[dayNumber])。

創建一個函式并使用默認值：

通過名稱或編號

 const positions = {
    domenica: 150,
    lunedì: 300,
    martedì: 300,
    mercoledì: 450,
    Giovedì: 600,
    venerdì: 750。
    sabato: 900: 900.
  };
  const positionsByNumber = Object.keys(position)。 map(k => positions[k])。
  const defaultPosition = positionsByNumber[0] 。
  /***
   *N個作業日的名稱或數字
   */ 
  const setTablePosition = n => {
    const position = (
      positions[n] || 
      positionsByNumber[n] ||
      默認位置
    );

    $( ".table-responsive" ).scrollLeft(position)。

    return position。
  

結果：

setTablePosition(' mercoledì'); //450
setTablePosition('fubar'); // 300
setTablePosition(0); // 150
setTablePosition(12); // 300

// And by users clock; / 300.
setTablePosition((new Date()).getDay()。

標籤：

上一篇：如何在Python3中把文本改為日期/時間，然后進行格式化

下一篇：如何獲得平均星級評價？PHPCodeigniter