予定ボタン

あなたのウェブサイトやアプリに「TimeTreeに追加ボタン」を設置することができます。TimeTreeユーザーがそのボタンを押下することで予定登録をシームレスに行うことができます。

設定

1. ボタンスタイルを選択

2. タイトルとメモ

3. 日時

開始

Dec 2018
Mon
Tue
Wed
Thu
Fri
Sat
Sun
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
: 
  • 12:00 AM
  • 12:30 AM
  • 01:00 AM
  • 01:30 AM
  • 02:00 AM
  • 02:30 AM
  • 03:00 AM
  • 03:30 AM
  • 04:00 AM
  • 04:30 AM
  • 05:00 AM
  • 05:30 AM
  • 06:00 AM
  • 06:30 AM
  • 07:00 AM
  • 07:30 AM
  • 08:00 AM
  • 08:30 AM
  • 09:00 AM
  • 09:30 AM
  • 10:00 AM
  • 10:30 AM
  • 11:00 AM
  • 11:30 AM
  • 12:00 PM
  • 12:30 PM
  • 01:00 PM
  • 01:30 PM
  • 02:00 PM
  • 02:30 PM
  • 03:00 PM
  • 03:30 PM
  • 04:00 PM
  • 04:30 PM
  • 05:00 PM
  • 05:30 PM
  • 06:00 PM
  • 06:30 PM
  • 07:00 PM
  • 07:30 PM
  • 08:00 PM
  • 08:30 PM
  • 09:00 PM
  • 09:30 PM
  • 10:00 PM
  • 10:30 PM
  • 11:00 PM
  • 11:30 PM

終了

Dec 2018
Mon
Tue
Wed
Thu
Fri
Sat
Sun
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
: 
  • 12:00 AM
  • 12:30 AM
  • 01:00 AM
  • 01:30 AM
  • 02:00 AM
  • 02:30 AM
  • 03:00 AM
  • 03:30 AM
  • 04:00 AM
  • 04:30 AM
  • 05:00 AM
  • 05:30 AM
  • 06:00 AM
  • 06:30 AM
  • 07:00 AM
  • 07:30 AM
  • 08:00 AM
  • 08:30 AM
  • 09:00 AM
  • 09:30 AM
  • 10:00 AM
  • 10:30 AM
  • 11:00 AM
  • 11:30 AM
  • 12:00 PM
  • 12:30 PM
  • 01:00 PM
  • 01:30 PM
  • 02:00 PM
  • 02:30 PM
  • 03:00 PM
  • 03:30 PM
  • 04:00 PM
  • 04:30 PM
  • 05:00 PM
  • 05:30 PM
  • 06:00 PM
  • 06:30 PM
  • 07:00 PM
  • 07:30 PM
  • 08:00 PM
  • 08:30 PM
  • 09:00 PM
  • 09:30 PM
  • 10:00 PM
  • 10:30 PM
  • 11:00 PM
  • 11:30 PM

4. 場所

5. URL

プレビュー・コード

仕様

設定HTML属性説明
ボタンスタイルdata-styleボタン表示内容の指定です。 button, button_count のいずれかを指定できます。
予定タイトルdata-title予定のタイトルです。
開始日時data-start-at予定の開始日時です。ISO8601形式で指定します。
開始日時タイムゾーンdata-start-timezone予定開始日時のタイムゾーンです。data-all-day="true" の場合はUTCを指定します。
終了日時data-end-at予定の終了日時です。ISO8601形式で指定します。
終了日時タイムゾーンdata-end-timezone予定終了日時のタイムゾーンです。data-all-day="true" の場合はUTCを指定します。
終日data-all-day終日予定かどうかを true もしくは false で指定します。
場所data-location予定の場所を指定します。
メモdata-note予定のメモを指定します。
URLdata-url予定のURLを指定します。

動的なウェブサイト

動的なウェブサイトではSDKを読み込み、DOMツリーの構築完了した後に ttplugin.load() を呼び出してください。