0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

rex0220 計算式プラグイン ボタンクリックで日付設定

Last updated at Posted at 2022-10-01

計算式プラグインで、ボタンを表示して、ボタンクリックで日付項目を設定してみます。
追加・編集画面で、スペースエリアに設定ボタンとクリアボタンを表示します。

概要

計算式プラグインでヘッダー部・スペースエリアに計算式を指定して、ボタン表示できます。
レコード追加・編集画面でボタン表示されます。
今回は、日付項目に翌月末をセットとクリアするボタンを表示してみます。

2022-10-01_16h17_05.png

ボタン操作例

2022-10-01_17h00_20.gif

スペース項目の設定

フォーム設定画面で、スペース項目を2個追加し、要素ID (SP1, SP2)を設定
2022-10-01_17h02_35.png

計算式プラグインの設定

スペース項目に、ボタン表示の計算式を設定
2022-10-01_17h07_11.png

  • SP1: 翌月末設定ボタン
BUTTON(
BOPT("TITLE","翌月末",
"CSS","{'color':'blue',
'background-color':'#ff9800',
'box-shadow':'inset 1px 1px 1px #c7bbaa',
'min-width':'auto'}"),
FSET(翌月末,
DATE_ENDOF(
DATE_ADD("TODAY",1,"month"),"month")))

「翌月末」をボタン表示
ボタンクリック時に、当日の翌月末を計算
CSS は、ボタンの色や大きさを調整

  • SP2: 翌月末クリアボタン
BUTTON(
BOPT("TITLE","クリア",
"CSS","{'color':'blue',
'background-color':'lightgray',
'box-shadow':'inset 1px 1px 1px #d1cdcd',
'min-width':'auto'}"),
FSET(翌月末,""))

「クリア」をボタン表示
ボタンクリック時に、当日の翌月末をクリア

ボタン設定の応用

日付項目だけでなく、いろいろなタイプの項目を設定できます。
またFSET 関数を並べることにより、一度に複数項目の設定もできます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?