レコード編集画面時に取得したフィールド要素の操作について

レコード編集画面時に、document.getElementsByClassNameでフィールドの要素を取得しています。
日付フィールドを取得しているのですが、要素に対して、.click()を使用し、カレンダーが表示されている状態にしようとしています。
下記のコードでは、うまく動かないのですが、取得した要素の中のtext部分を指定するといった必要があるのでしょうか?
ご教授下さい。

 

(() => {

    ‘use strict’;

    // レコードの追加、編集、詳細画面で適用する

    let events = [

        ‘app.record.create.change.出発日’,

        ‘app.record.edit.change.出発日’

    ];

    kintone.events.on(events, (event) => {

        let record = event.record;

        let days = record.出発日.value;

        console.log(“出発日”, days);

        let element = document.getElementsByClassName(‘value-5755253’)[0];

       // let datePicker = document.getElementsByName(‘帰着日’)[0];

       // console.log(datePicker);

        console.log(element);

        datePicker.click();

    });

})();

こちらの投稿にもありますが

https://cybozudev.zendesk.com/hc/ja/community/posts/17835050487833

'value-5755253’みたいなvalue-数字のクラス名は使っちゃだめです。

やるなら、kintone UI Component の DatePickerをつかうとかどうでしょうか?
ためしにコンソールでDatePickerのid指定してclick()するとカレンダー表示されました。

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