日付時刻

​

日付時刻コンポーネントは、ユーザーがカレンダーと24時間のインターフェイスから日付と時刻を選択できるコンポーネントです。 通常、ユーザーが特定の日時を指定する必要があるフォームまたはデータ入力インターフェイスで使用されます。

キャンバスに Date Time コンポーネントが追加されると、カレンダーと時計のインターフェイスが表示されます。 ユーザーは、別の月に移動する前または次の矢印をクリックしてカレンダーをナビゲートすることができます。 または特定の日付をクリックして選択します。 クロックインターフェースには、マウスカーソルを移動するか、上下矢印を使用して、時間、分、秒が表示されます。

​

Properties

日付時刻の利用可能なプロパティ JavaScript はコンポーネントに関する情報を読み取りまたは変更するために書かれることがあります。

​

Methods

他のコンポーネントを使用してコンポーネントを制御できます。 以下の4つの方法をサポートします。

• setValue

入力日時の値を設定するには、例えば、 {{“value1”}}

• clearValue

選択したコンポーネントの値をクリアするには

• validate

入力情報が合法であることを確認するには

• clearValidate

検証メッセージを消去するには

​

イベントハンドラ：

​

データ

コンポーネントには一般的に使用されているデータがいくつか含まれており、アプリで {{componentName.propertyName}} を介して呼び出すことができます。

例: {{dateTime1.value}}

​

大文字小文字を区別する

次に、データソースからのデータを日付時刻にマッピングし、ボタンで現在の日付と時刻に設定する方法を説明します。

​

ステップ 1 アクションを追加

promoteCodeと呼ばれるREST APIで、6つの列を含むテーブルを作成しましょう: code、id、createdAt、expiredAt、startedAt、`updatedAt**。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。 サンプルの使用には updatedAt を使用します。

次に、アクションリストからREST APIの新しいアクションを作成し、promotecodeのすべてのデータをリストし、restapi1という名前を付けます。

Save と Runをクリックしてアクションを有効にします。

​

ステップ2 コンポーネントを追加

次に、date time コンポーネントと button コンポーネントをキャンバスに追加します。 date コンポーネントのデフォルト値については、最初に残りの api データからコードをプロモーションする最後の更新時刻として設定します。 次に、date time コンポーネントと button コンポーネントをキャンバスに追加します。 date コンポーネントのデフォルト値については、最初に残りの api データからコードをプロモーションする最後の更新時刻として設定します。 date コンポーネントのデフォルト値については、最初に残りの api データからコードをプロモーションする最後の更新時刻として設定します。

{{restapi1.data.promoteCodes[0].updatedAt}}

次のようにボタンを「今」とラベル付けしました

​

ステップ 3 コンポーネントの設定

button コンポーネントについては、date time コンポーネント内の日付を現在の日付と時刻に設定します。

1. Edit event handlerでControl component を実行中に選択します。 イベントのターゲットとして更新する date time コンポーネントを選択します。
2. setValueアクションを選択し、値を{{currentUserInfo.updatedAt}}に設定します。

​

ステップ4 テスト

「今すぐ」ボタンをクリックすると、時間は今日の日付に変更する必要があります。 ここでは、2023-5-6 11:19:47がありますが、それを試しているときは違うかもしれません。