input type=“text”で日付処理をする方法

javascriptでinput type=“text”で日付処理をする方法についてアドバイスください。

(前提条件)
•datapickerは無し
•inputはtextなので文字列を受け付けます。
•javascript側ではluxonを使ってます。

(考えたいこと)
•日付はyyyy/mm/ddの形式ですが、
yy/m/d、m/dと入力するときもあるし、不正な文字がくる可能性がある。
ロジックを考えればできそうな感じはしますが、簡単な考え方があれば意見がほしいです。

ここで分かることは文字列の長さは3〜10文字、/は1つまたは2つ、luxonを使えば不正な日付文字は防げるかもしれません。正規表現のほうが良いのかもしれません。

よろしくお願いします。

退会済みユーザー

2021/10/16 07:14

質問は何ですか？

退会済みユーザー

2021/10/16 07:25

これはjavascriptで文字列から日付処理をする質問です。

退会済みユーザー

2021/10/16 07:30 編集

答えを持ってないかたが、それをするのはどうでしょうかね？

退会済みユーザー

2021/10/16 08:13

一度読んでみよう→ https://teratail.com/help/question-tips "人に質問をするには、自分が何を尋ねたいかを知っている必要があります。これは、「自分が今『何がわからないのか』がわかっていて、言語化できている」ということです。一見簡単なようですが、実はとても難しいことです。"

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

回答1件

ベストアンサー

(訂正)
luxonでdateStringをどうするか考えるのがよいかもしれない。

いまのところ、fromFormatしか使えそうなものがなかった。

javascript
1const date1 = luxon.DateTime.fromFormat("2021/10/18", "yyyy/MM/dd").toFormat("yyyy/MM/dd");
2const date2 = luxon.DateTime.fromFormat("10/18", "MM/dd").toFormat("yyyy/MM/dd");
3const date3 = luxon.DateTime.fromFormat("1/18", "M/dd").toFormat("yyyy/MM/dd");
4const date4 = luxon.DateTime.fromFormat("01/18", "MM/dd").toFormat("yyyy/MM/dd");
5const date5 = luxon.DateTime.fromFormat("10/1", "MM/d").toFormat("yyyy/MM/dd");
6const date6 = luxon.DateTime.fromFormat("10/01", "MM/dd").toFormat("yyyy/MM/dd");
7const date7 = luxon.DateTime.fromFormat("21/10/18", "yy/MM/dd").toFormat("yyyy/MM/dd");