# ワークフローでの日付チェック

**URL:** https://community.cybozu.dev/t/topic/8757
**Category:** Garoon カスタマイズ
**Created:** [2024 年 3 月 1 日午前 7:26 UTC](https://community.cybozu.dev/t/topic/8757 "2024-03-01T07:26:30Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![rururu](https://avatars.discourse-cdn.com/v4/letter/r/848f3c/32.png) [@rururu](https://community.cybozu.dev/u/rururu)
#### Post date: [2024 年 3 月 1 日午前 7:26 UTC](https://community.cybozu.dev/t/topic/8757/1 "2024-03-01T07:26:30Z")

</div>

Garoonのパッケージ版を使用しています。  
日付の入力チェックを行いたいのですが、日付が変更された時のイベント記載方法がわかりません。

ymd01が変更された時、というのはどのように記載するのでしょうか？  
下記のように記載してみたのですが、動作しませんでした。

garoon.events.on(app.record.create.change.ymd01, (event) =\>, {

---

<div class="post-metadata">

### Author: ![ko\_ji](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/ko_ji/32/31_2.png) [@ko\_ji](https://community.cybozu.dev/u/ko_ji)
#### Post date: [2024 年 3 月 6 日午前 5:42 UTC](https://community.cybozu.dev/t/topic/8757/2 "2024-03-06T05:42:03Z")

</div>

こんにちは。  
Garoon JavaScript API イベントで、日付が変更された時のイベントは  
見当たらないので、garoon.events.on でイベントを指定することは  
出来ないかと思います。

> **[Garoon JavaScript API](https://cybozu.dev/ja/garoon/docs/js-api/#schedule)**
>
> Garoon の画面上の動作や見た目を変える API です。JavaScript ファイルをアプリにアップロードして適用することで、ユーザーの Garoon 画面上で動作します。Garoon にはさまざまな JavaScript イベントがあり、動作を変更できます。

なお、 schedule.event.create.show イベントなどの中で、  
addEventListener() を利用した、以下のような処理を実行することで、  
日時の項目が変更された時に、処理を発火させることは可能でしたよ。

```javascript
(() => {
  "use strict";

  garoon.events.on("schedule.event.create.show", (event) => {
    const target = document.querySelector(".std_form td");

    target.addEventListener("change", (event) => {
      alert("イベント発火");
    });
  });
})();

```

参考情報：

> **[EventTarget: addEventListener() メソッド - Web API | MDN](https://developer.mozilla.org/ja/docs/Web/API/EventTarget/addEventListener)**
>
> addEventListener() は EventTarget インターフェイスのメソッドで、ターゲットに特定のイベントが配信されるたびに呼び出される関数を設定します。

> **[HTMLElement: change イベント - Web API | MDN](https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/change_event)**
>
> change イベントは , , 要素において、ユーザーが要素の値を変更したときに発行されます。 input イベントとは異なり、 change イベントは要素の値 (value) が変更されるたびに発生するとは限りません。

> **[【JavaScript】addEventListenerの使い方 - Qiita](https://qiita.com/mzmz__02/items/873118fbd8723c44956d)**
>
> \#プログラミング勉強日記2021年1月11日今日はaddEventListenerの使い方を簡単にまとめる。#addEventListenerとは　マウスによるクリックやキーボードからの入力…

> **[Google Chrome 開発者ツールの Tips 集 -DOM 要素編-](https://cybozu.dev/ja/kintone/tips/development/development-productivity/debug/chrome-devtools-tips-dom/)**
>
> Google Chrome 開発者ツールの DOM 要素における Tips を紹介します。

---

<div class="post-metadata">

### Author: ![rururu](https://avatars.discourse-cdn.com/v4/letter/r/848f3c/32.png) [@rururu](https://community.cybozu.dev/u/rururu)
#### Post date: [2024 年 3 月 6 日午前 8:01 UTC](https://community.cybozu.dev/t/topic/8757/3 "2024-03-06T08:01:42Z")

</div>

KO\_JI様

ご親切にご回答いただきありがとうございました。  
確認してみます。

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)
#### Post date: [2024 年 5 月 31 日午前 5:24 UTC](https://community.cybozu.dev/t/topic/8757/4 "2024-05-31T05:24:45Z")

</div>

このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。
