D3.js | d3.timeMonth, функция

Опубликовано: 12 Декабря, 2021

Функция d3.timeMonth в D3.js используется для возврата всех месяцев с датой в заданном диапазоне начальной и конечной даты.

Синтаксис:

 d3.timeMonth.range (начало, конец, шаг);

Параметры: эта функция принимает три параметра, которые приведены ниже:

Начало: этот параметр содержит указанную дату начала.
конец: этот параметр содержит указанную дату окончания.
step: это необязательный параметр, который содержит значение, используемое для пропуска месяцев.

Возвращаемое значение: эта функция возвращает все возможные месяцы в заданном диапазоне.

Ниже программы иллюстрируют функцию d3.timeMonth в D3.js:

Пример 1:

 <!DOCTYPE html>
 <html>
   <head>
      <title>
          D3.js | d3.timeMonth Function
      </title>
      <script src =
          " https://d3js.org/d3.v4.min.js " >
      </script>
   </head>
  
   <body>
        
      <script>
        
         // Initialising start and end date
         var start = new Date(2015, 01, 01);
         var end = new Date(2015, 05, 01);
          
         // Calling the timeMonth function
         // without step value
         var a = d3.timeMonth.range(start, end);
          
         // Getting the months values
         console.log(a);
      </script>
   </body>
 </html>

Выход:

["2015-01-31T18: 30: 00.000Z", "2015-02-28T18: 30: 00.000Z", 
«2015-03-31T18: 30: 00.000Z», «2015-04-30T18: 30: 00.000Z»]

Пример 2:

 <!DOCTYPE html>
 <html>
   <head>
      <script src =
          " https://d3js.org/d3.v4.min.js " >
      </script>
 
      <title>
          D3.js | d3.timeMonth Function
      </title>
   </head>
  
   <body>
        
      <script>
        
         // Initialising start and end date
         var start = new Date(2015, 01, 01);
         var end = new Date(2015, 05, 01);
          
         // Calling the timeMonth function
         // with step value
         var a = d3.timeMonth.range(start, end, 2);
          
         // Getting the months values
         console.log(a);
      </script>
   </body>
 </html>

Выход:

["2015-01-31T18: 30: 00.000Z", "2015-03-31T18: 30: 00.000Z"]

Ссылка: https://devdocs.io/d3~5/d3-time#timeMonth

JavaScript

D3.js | d3.timeMonth, функция

РЕКОМЕНДУЕМЫЕ СТАТЬИ