1. DateTime ピッカー

DateTime ピッカーのフォーマット

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

次の例では、DateTime メンバーを [アセットの詳細] ページに追加します。

この DateTime メンバーには、「コンプライアンス サインオフ日」という名前が付いています。

アセット エンティティの編集

M.Asset エンティティを編集して、次のように 2 つの新しいメンバーを追加します。

  1. メニュー バーで、[管理] をクリックします。
  2. [管理] ページで、[エンティティ] をクリックします。
  3. [エンティティ] ページで、M.Asset エンティティを検索します。
  4. [M.Asset] エンティティで、[編集] をクリックします。
  5. [概要] セクションで、[新しいメンバー] をクリックします。
  6. [新しいメンバー] ダイアログ ボックスで、[プロパティ] 行の [選択] をクリックします。
  7. ドロップダウン メニューから新しいプロパティのデータ型を選択します。この例では、DateTime を選択します。
  8. [次へ] をクリックします。
  9. [新しいメンバー] ダイアログ ボックスの [一般情報] タブで、次の操作を行います。

    1. 名前: 識別しやすい名前を入力します。名前は文字、数字、ドット、アンダースコアのみで、スペースは使用しないでください (必須)。
    2. ラベル: エンドユーザーに表示する識別可能なラベルを入力します (任意)。
  10. [保存] をクリックします。

  11. 変更を適用するには、[変更の適用] をクリックします。
datetime 新しいメンバー フォーム

詳細コンポーネントの編集

[アセットの詳細] ページの詳細コンポーネントを編集して、これら 2 つの新しいフィールドを追加し、DateTime メンバーの出力を編集します。

  1. メニュー バーで、[管理] をクリックします。

  2. 管理ページで、[ページ] をクリックします。

  3. [アセットの詳細] ページを検索します。

  4. [アセットの詳細] ページで、[詳細] コンポーネントを検索し、スイッチをオンにして [カスタム] 設定を有効にします。

  5. [詳細] コンポーネントで、[その他のオプション] をクリックして、[編集] を選択します。

  6. [メンバー] タブの [概要] セクションで、表示するメンバーまでスクロール ダウンし、新しいメンバーを見つけます。

  7. DateTime メンバーで、 をクリックします。

  8. DateTime メンバーの設定で、新しい DateTime 形式を追加します。この例では、llllDateTime 形式を追加します (小文字の L を使用して日付要素を示します)。この形式では、日付と時刻が Thu, Jun 3, 2021 8:29 PM のように出力されます。

                  <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/36338a5be19c4dbba1ea453e25a40c1c?v=4c25be32" alt="">
                </p>
              </li>
              <li>
                <p>[<strong>OK</strong>] をクリックします。</p>
              </li>
              <li>
                <p>[<strong>メンバー</strong>] タブで、[<strong>保存して閉じる</strong>] をクリックします。</p>
              </li>
            </ol>
          </div>
        </div>
      </section>
      <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="use-the-datetime-picker">
        <div class="accordion-icon"></div>
        <div class="panel panel-default">
          <div class="panel-heading active">
            <div class="titlepage">
              <div>
                <div class="title">
                  <h2 class="title" style="clear: both" id="datetime-ピッカーの使用">DateTime ピッカーの使用</h2>
                </div>
              </div>
            </div>
          </div>
          <div class="panel-body collapse in" id="use-the-datetime-picker_body" aria-expanded="true" style="">
            <p>DateTime ピッカーを使用するには、目的の [<strong>アセットの詳細</strong>] ページで</p>
            <ol>
              <li>
                <p>[<em>概要</em>] セクションで、[<strong>編集</strong>] 
                  <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/380d7c3cc314463f899325a9b0cdf2d2?v=e503c873" alt=""> をクリックします。
                </p>
              </li>
              <li>
                <p>[<strong>コンプライアンス サインオフ日</strong>] をクリックします。</p>
              </li>
              <li>
                <p>[<strong>DateTime ピッカー</strong>] 
                  <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/e6e9a9bb44b6495f9de2beb685a08724?v=a4db6274" alt=""> をクリックします。
                </p>
              </li>
              <li>
                <p>必要な日付を選択します。時刻のフィールドは、選択した形式によって異なります。この例では、<em>llll</em> の形式を入力します。この形式は月、日、年、時、分、午前/午後を必要とします。</p>
              </li>
              <li>
                <p>時刻を設定するには、時計アイコン 
                  <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/4ddeab7de98e45e7a614df800f3ceb37?v=5789be26" alt=""> をクリックします。
                </p>
              </li>
              <li>
                <p><em>時間セレクター</em>で時、分、および時刻の<em>午前</em>または<em>午後</em>を設定します。この例では、<em>Wed, Jun 2, 2021 12:42 PM</em> の <em>DateTime</em> 入力を使用します。</p>
              </li>
              <li>
                <p>[<strong>保存</strong>] をクリックします。</p>
              </li>
            </ol>
            <div class="mediaobject">
              <img src="https://mss-p-003-delivery.sitecorecontenthub.cloud/api/public/content/93b63f785e7f41c28d833f0fe8a38822?v=342ae19a" alt="datetime 新しいメンバーを持つアセット" class="materialboxed" width="1895" height="1079">
            </div>
          </div>
        </div>
      </section>
    </section>
    <div class="footer-content">
      <div class="glossary-definitions"></div>
    </div>
    <footer></footer>
    
この記事を改善するための提案がある場合は、 お知らせください!