# スペースフィールドのボタン表示・非表示について

**URL:** <https://community.cybozu.dev/t/topic/7709>\
**Category:** kintone 開発相談\
**Created:** [2023 年 7 月 1 日午後 11:45 UTC](https://community.cybozu.dev/t/topic/7709 "2023-07-01T23:45:49Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gri\_gri33](https://avatars.discourse-cdn.com/v4/letter/g/3bc359/32.png) [@gri\_gri33](https://community.cybozu.dev/u/gri_gri33)\
**Post date:** [2023 年 7 月 1 日午後 11:45 UTC](https://community.cybozu.dev/t/topic/7709/1 "2023-07-01T23:45:49Z")

</div>

(function() {  
“use strict”;

// mobile.app.record.create.showとmobile.app.record.edit.showイベントに対するハンドラを設定  
kintone.events.on(  
[“mobile.app.record.create.show”, “mobile.app.record.edit.show”],  
function(event) {  
// 任意のスペースフィールドにボタンを設置  
var mySpaceFieldButton = document.createElement(“button”);  
mySpaceFieldButton.id = “my\_space\_field\_button”;  
mySpaceFieldButton.innerHTML = “作業開始”;  
mySpaceFieldButton.style.width = “80px”;  
mySpaceFieldButton.style.height = “50px”;  
mySpaceFieldButton.onclick = function() {  
var tableFieldCode = “作業実績\_0”; // 作業実績のテーブルフィールドコード  
var startDateFieldCode = “作業開始”; // 作業開始日付フィールドコード  
var endDateFieldCode = “作業終了”; // 作業終了日付フィールドコード  
var resultFieldCode = “作業実績”; // 作業実績のドロップダウンフィールドコード  
var noteFieldCode = “備考欄”; // 備考欄のフィールドコード

```
    var record = kintone.mobile.app.record.get();
    var table = record.record[tableFieldCode].value;

    // 空白の作業開始フィールドを探す
    var emptyRowIndex = -1;
    for (var i = 0; i < table.length; i++) {
      if (!table[i].value[startDateFieldCode].value) {
        emptyRowIndex = i;
        break;
      }
    }

    if (emptyRowIndex !== -1) {
      // 空白の作業開始フィールドが見つかった場合
      table[emptyRowIndex].value[startDateFieldCode].value = moment().format(
        "YYYY-MM-DDTHH:mm"
      );
    } else {
      // 空白の作業開始フィールドが見つからなかった場合、新しい行を追加
      var newRow = {};
      newRow[startDateFieldCode] = {
        type: "DATETIME",
        value: moment().format("YYYY-MM-DDTHH:mm"),
      };
      newRow[endDateFieldCode] = {
        type: "DATETIME",
        value: "",
      }; // 作業終了日付フィールドを空白に設定
      newRow[resultFieldCode] = {
        type: "DROP_DOWN",
        value: "",
      }; // 作業実績ドロップダウンを空白に設定
      newRow[noteFieldCode] = {
        type: "MULTI_LINE_TEXT",
        value: "",
      }; // 備考欄を空白に設定
      table.push({ value: newRow }); // 新しい行をテーブルの末尾に追加
    }

    kintone.mobile.app.record.set(record);
    alert("作業開始！\n保存を押してください！");
  };

  // レコードの情報を取得
  var record = kintone.mobile.app.record.get().record;
  var startDateFieldValue = record["作業開始"].value;

  // 現在の日時を取得
  var currentDate = moment();

  // 作業開始日時フィールドの日付が現在の日付以前の場合、作業開始ボタンを非表示にする
  if (
    startDateFieldValue &&
    moment(startDateFieldValue).isAfter(currentDate)
  ) {
    mySpaceFieldButton.style.display = "none";
  }

  var spaceElement = kintone.mobile.app.record.getSpaceElement(
    "my_space_field"
  );
  spaceElement.innerHTML = "";
  spaceElement.appendChild(mySpaceFieldButton);
}

```

);  
})();

作業開始日時フィールドの日付が現在時刻以前の場合は、非表示に  
作業開始日時フィールドの日付が現在時刻以前の場合は、表示にしたいのですが  
うまくいきません。どこが誤っているのでしょうか？

---

<div class="post-metadata">

**Author:** ![mura](https://sea1.discourse-cdn.com/flex015/user_avatar/community.cybozu.dev/mura/32/41_2.png) [@mura](https://community.cybozu.dev/u/mura)\
**Post date:** [2023 年 7 月 2 日午後 11:09 UTC](https://community.cybozu.dev/t/topic/7709/2 "2023-07-02T23:09:44Z")

</div>

うまくいかない、というのは具体的にどのようにうまくいかないのか示したほうが回答は付きやすいかとおもいます！

一度エラーがでてないか確認していただき、エラーの内容を示してくださると回答もしやすいです。  
[こちらの記事](https://cybozudev.zendesk.com/hc/ja/articles/4977994758297-kintone-JavaScript-%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%83%87%E3%83%90%E3%83%83%E3%82%B0%E3%81%BE%E3%81%A8%E3%82%81#check-errors)を確認いただき、エラーが出ていないかをまずは確認ください。  
mobile版の利用想定のコードに見受けられますが、下記URLであればPCブラウザからアクセスできます  
[https://sample.cybozu.com/k/m/{appId}](https://sample.cybozu.com/k/m/%7BappId%7D)

---

<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:** [2023 年 9 月 27 日午前 6:34 UTC](https://community.cybozu.dev/t/topic/7709/3 "2023-09-27T06:34:17Z")

</div>

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