日時・時刻のフィールド

27 views
Skip to first unread message

ymz

unread,
Apr 14, 2021, 4:58:55 AM4/14/21
to a-blog cms forum
エントリーの日時や、公開日時、掲載期限の「時刻」の
inputで質問です。

時刻を選択すると5分単位で変更が可能ですが、
秒単位で細かく指定することができません。
どのようにすれば、よろしいでしょうか?

伊藤淳

unread,
Apr 14, 2021, 5:38:27 AM4/14/21
to a-blog cms forum
お世話になっております。

手入力でもよろしければ、キーボードで入力することもできますが、UIの増加量を5分から1分にするには、以下のように configを上書きすることで可能となります。

<script>
ACMS.Ready(function () {
  ACMS.Config.flatTimePickerConfig = {
    allowInput: true,
    enableTime: true,
    noCalendar: true,
    dateFormat: "H:i:S",
    time_24hr: true,
    minuteIncrement: 1 // 増加量
  }
});
</script>

よろしくお願いいたします。

2021年4月14日水曜日 17:58:55 UTC+9 ymz:

ymz

unread,
Apr 14, 2021, 7:42:29 PM4/14/21
to a-blog cms forum
ありがとうございます。

>手入力でもよろしければ、キーボードで入力することもできますが
はい、要望としては手入力できるようになって欲しいだけでして、
キーボードで入力する際、

変更したい数字をバックスペースなどで消してから入力しようとしてもできない
入力したい桁の前(左)にカーソルを持ってきて入力し上書きすることで数字が変更できる

といった状況でして、日時や時刻のformatにそぐわない入力を
させないための仕様なのかと思いますが、ちょっとUIに難ありといった印象です。
2021年4月14日水曜日 18:38:27 UTC+9 伊藤淳:

伊藤淳

unread,
Apr 14, 2021, 10:24:04 PM4/14/21
to a-blog cms forum
ご確認ありがとうございます。

試しに動画とってみました。特にカーソル位置を調整しないということはなかったですが、現在も同じでしょうか。
2021年4月15日木曜日 8:42:29 UTC+9 ymz:

ymz

unread,
Apr 14, 2021, 11:41:17 PM4/14/21
to a-blog cms forum
動画拝見しました。

操作いただいたのは、
inputにフォーカスを当てた後に、下部にでてくる「時:分」の部分かと思いますが、
その部分はこちらでも問題なく変更できます。

みていただきたいのは、そもそものinputの「時:分:秒」のところが
カーソル位置を調整しないと、数字を入れたり、消したりができないので、
結果「秒」が変更しにくい、ということでした。
2021年4月15日木曜日 11:24:04 UTC+9 伊藤淳:

伊藤淳

unread,
Apr 15, 2021, 12:35:42 AM4/15/21
to a-blog cms forum
ご確認ありがとうございます。

なるほど、input要素の箇所ですね。こちら将来バージョンで検討はさせていただきたいと思います。
現状は、動画のような操作をお願いできますでしょうか。

よろしくお願いいたします。

2021年4月15日木曜日 12:41:17 UTC+9 ymz:

ymz

unread,
Apr 15, 2021, 12:42:18 AM4/15/21
to a-blog cms forum
ありがとうございます!

ちなみに、この要望の発端として、
Entry_Summaryモジュールの表示順で日時を指定していた場合に、
全く同じ時分の記事で、順番だけを制御したいときに「秒をつかえばできるのでは」と思ったので
秒が変更しずらいなー、というところからのものでした。

将来バージョンでのご検討、お待ちしております。

2021年4月15日木曜日 13:35:42 UTC+9 伊藤淳:

伊藤淳

unread,
Apr 15, 2021, 12:54:06 AM4/15/21
to a-blog cms forum
申し訳ございません。現状でもコンフィグ書き換えれば秒の対応できることに気づきましたので、お知らせしておきます。

<script>
ACMS.Ready(function () {
  ACMS.Config.flatTimePickerConfig = {
    allowInput: true,
    enableTime: true,
    enableSeconds: true, // 秒のUIも表示
    noCalendar: true,
    dateFormat: "H:i:S",
    time_24hr: true,
    minuteIncrement: 1 // 増加量
  }
});
</script>

よろしくお願いいたします。

2021年4月15日木曜日 13:42:18 UTC+9 ymz:
Reply all
Reply to author
Forward
0 new messages