PROSAGA码农传奇-PHP-Google日历图表单击日期和重定向页面，其中包含URL中的日期

<div class =“post-text”itemprop =“text”>
  <P>
    你可以使用图表
     <code>
      'select'
    </code>
     用于了解用户点击了哪个日期的事件。
    <BR/>
    
使用日期格式化程序格式化所选日期并打开网址。
  </p>
   <pre>
    <code>
      var formatDate = new google.visualization.DateFormat({
  pattern: 'yyyy-MM-dd'
});
google.visualization.events.addListener(chart, 'select', function () {
  var selection = chart.getSelection();
  if (selection.length > 0) {
    window.open('http://thispage.php/?date=' + formatDate.formatValue(new Date(selection[0].date)));
  }
});

</code>
  </pre>
  <P>
    请参阅以下工作代码段，
    <BR/>
    
例如，url被写入控制台...
  </p>
  <P>
  </p>
  <div class =“snippet”data-lang =“js”data-hide =“false”data-console =“true”data-babel =“false”>
    <div class =“snippet-code”>
       <pre class="snippet-code-js lang-js prettyprint-override">
        <code>
          google.charts.load('current', {
  packages:['calendar']
}).then(function () {
  var dataTable = new google.visualization.DataTable();
  dataTable.addColumn({ type: 'date', id: 'Date' });
  dataTable.addColumn({ type: 'number', id: 'Won/Loss' });
  dataTable.addRows([
    [new Date(), 1]
  ]);

var chart = new google.visualization.Calendar(document.getElementById('calendar_basic'));

var options = {
    title: 'EVENTS CALENDAR PLOT',
    height: 350,
    noDataPattern: {
      backgroundColor: '#75f990',
      color: '#00ff34'
    }
  };

chart.draw(dataTable, options);
});
        </code>
      </pre>
       <pre class="snippet-code-html lang-html prettyprint-override">
        <code>
          <script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="calendar_basic"></div>
        </code>
      </pre>
    </DIV>
  </DIV>
  <P>
  </p>
</DIV>