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

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

新規登録して質問してみよう
ただいま回答率
85.35%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

3072閲覧

htmlのinputタグを YYYY-MM-DD HH:mm:ssで出力したい

umi3

総合スコア18

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/06/28 07:18

編集2021/06/28 07:24

前提・実現したいこと

htmlでimputタグの入力フォームを作成したのですが、「YYYY-MM-DD HH:mm:ss」の形にしたいです
今は「2021-06-28T01:00」と出てしまいます。

htmlかCSSでフォーマットを変更したいのですが、方法はないでしょうか?
JSで作成するしかないでしょうか?

上の「form-box」で入力した内容をjsを使って「main-table」に表示させようと思ってます。

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

html

1<div class="form-box"> 2 <table class="form"> 3 <tr> 4 <th>予定</th> 5 <td><input id="todo" type="text" placeholder="予定を入力" value="予定"></td> 6 <th>日時</th> 7 <td><input id="date" type="datetime-local"></td> 8 </tr> 9 <tr> 10 <th>お金</th> 11 <td><input id="price" type="text" placeholder="金額を入力" value="10000"></td> 12 <th>期日</th> 13 <td><input id="duedate" type="datetime-local" datetime="YYYY-MM-DD HH:mm:ss"></td> 14 </tr> 15 <tr> 16 <th>持ち物</th> 17 <td><input id="item" type="text" value="持ち物"></td> 18 <th>メモ</th> 19 <td><input id="memo" type="text" value="めもです"></td> 20 </tr> 21 </table> 22 <div id="addButton"><button type="submit">登録する</button></div> 23 <div id="clearButton"><button type="submit" onclick="deleteCheck()" >選択削除</button></div> 24 <div id="allclearButton"><button type="submit" onclick="deleteAll()">すべて削除</button></div> 25</div> 26 27<table class="main-table" id="table"> 28 <tr id="table-header"> 29 <th class="header-check"></th> 30 <th class="header-id">ID</th> 31 <th class="header-todo">予定</th> 32 <th class="header-date">日時</th> 33 <th class="header-price">お金</th> 34 <th class="header-duedate">期日</th> 35 <th class="header-item">持ち物</th> 36 <th class="header-memo">メモ</th> 37 <th class="header-check"></th> 38 </tr> 39</table>

補足情報

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/06/28 07:20 編集

どこからどういうデータを投入したどういうコードなのでしょうか 単にhtmlでそのように出るとは考え難いです
int32_t

2021/06/28 07:25

<input type=detetime-local> の value の形式の話でしょうか?
guest

回答2

0

type="datetime-local"の仕様ですから受け取った側で判断して下さい

投稿2021/06/28 07:26

yambejp

総合スコア116734

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

今は「2021-06-28T01:00」と出てしまいます。

<input type="datetime-local"> の仕様で決まっていて、これを変更する手段はありません。

文字列操作で T に変更などするのも簡単ですし、new Date(input.valueAsNumber + (new Date().getTimezoneOffset()) * 60 * 1000)) とすることで Date オブジェクトが得られるので、好きに表示すればよいです。

投稿2021/06/28 07:40

int32_t

総合スコア21695

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問