1. ホーム
  2. javascript

[解決済み] 入力タイプに日付を設定する

2022-06-01 04:42:10

質問

日付ピッカーの入力に今日の日付を設定する タイプ日付 をChromeで表示します。

$(document).ready(function() {
    let now = new Date();
    let today = now.getDate()  + '/' + (now.getMonth() + 1) + '/' + now.getFullYear();
    console.log(today);
    $('#datePicker').val(today);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="datePicker" type="date">

しかし、うまくいきません。

コードスニペットをChromeで試してみてください。

どのように解決するのですか?

フィドルリンク: http://jsfiddle.net/7LXPq/93/

これには2つの問題があります。

  1. HTML 5 の日付制御は、SQL で使用するような年-月-日の形式を受け付けます。
  2. 月が9の場合、単純に9ではなく09と設定する必要があります。したがって、これは日フィールドにも適用されます。

デモのためのフィドルリンクをご覧ください。

var now = new Date();

var day = ("0" + now.getDate()).slice(-2);
var month = ("0" + (now.getMonth() + 1)).slice(-2);

var today = now.getFullYear()+"-"+(month)+"-"+(day) ;

$('#datePicker').val(today);