input type="time"の入力を１０分おきにしたい

前提・実現したいこと

input type="time"　を入力するとき、時計のマークを押すと時間のプルダウンが出ますが、
これを１０分おきにしたいです。（分：00,10,20,30,40,50のみ選択肢に表示）

発生している問題・エラーメッセージ

step="6000"
をつけても、プルダウンは1分単位で表示されます。
一応１０分おき以外の時間を選ぶとエラーとなります。

該当のソースコード

html
1<!DOCTYPE html>
2<html>
3
4<head>
5	<title>test</title>
6	<style></style>
7</head>
8
9<body>
10	<input type="time" value="09:00" step="6000">
11	<script></script>
12</body>
13
14</html>

補足情報（FW/ツールのバージョンなど）

PC(Edge,Chrome)からの入力を想定しています。
出来ればスマホ(safari)からの入力にも対応できたら良いです。

退会済みユーザー

2021/12/19 00:32

質問者さん、無言ですが、回答がでているのでそれらに対するフィードバックを回答のコメント欄に書いてください。役に立った/立たなかったぐらいはすぐに返せるのでは？　役に立たなかったなら、どこがダメなのかを書いてもらえるとより期待に近い回答が出てくるかも。とにかく無言で放置は NG です。

MikenekoSamane

2021/12/19 02:16

すみません今確認しました。

行動規範の内容に同意します

回答2件

出来ればスマホ(safari)からの入力にも対応できたら良いです。

Edge, Chrome 以外でも対応したいなら、ブラウザ依存の機能を利用するより、JavaScript/jQuery プラグインの利用を検討された方が良いのではないですか？　例えば:

「気が利くね」って言われたい！時刻入力系jQueryプラグイン10選
https://www.webprofessional.jp/10-jquery-time-picker-plugins/

投稿2021/12/18 01:35

退会済みユーザー

総合スコア0

MikenekoSamane

2021/12/19 02:19

リンクまでご丁寧にありがとうございます

行動規範の内容に同意します

ベストアンサー

timeをはじめ時間関係のtypeの実装ってブラウザによってまちまちですので、timepickerのようなJSプラグインを利用するか、selectにするのが最も確実だと思います。

投稿2021/12/18 01:29

m.ts10806

総合スコア80852

MikenekoSamane

2021/12/19 02:20

回答ありがとうございます selectで対応させました早かったのでベストアンサーとさせていただきます

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.47%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！