Googleカレンダーに予定を登録するリンクを作成するJavaScript

Webセミナーの予定をGoogleカレンダーに登録するのが面倒なので、簡単に登録する方法を模索中。

ひとまず、Googleカレンダーに予定を登録するリンクを作成するJavaScriptを作成してみた。

予定に合わせて変数のtext/datefrom/dateto/websiteを書き換える。

<!DOCTYPE html>
<html lang="ja">
<body>
<a id="cal1" target="_blank">予定をGoogleカレンダーに登録する</a>

<script>
var text = 'Webセミナー「RAD Studio XE6による最新アプリケーション開発手法」';
var datefrom = '2014-06-10T17:00:00';
var dateto = '2014-06-10T18:00:00';
var website = 'http://www.embarcadero.com/jp/seminar/online/watch';

var zero = function(n) { return ('0' + n).slice(-2); };
var formatdate = function(datestr) {
    var date = new Date(datestr + '+09:00');
    return date.getUTCFullYear() + zero(date.getUTCMonth()+1) + zero(date.getUTCDate()) + 'T' +
        zero(date.getUTCHours()) + zero(date.getUTCMinutes()) + zero(date.getUTCSeconds()) + 'Z';
};
var url = 'http://www.google.com/calendar/event?action=TEMPLATE' +
    '&text=' + encodeURIComponent(text) +
    '&dates=' + formatdate(datefrom) + '/' + formatdate(dateto) + 
    '&location=' + website;
document.getElementById("cal1").setAttribute('href', url);
</script>
</body>
</html>

コメント

  1. Pingback: ホームページに「Googleカレンダーに登録ボタン」を追加したい – One Two Step

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください