More than 5 years have passed since last update.

カレンダーフィールド　datepicker コード例

Posted at 2016-12-10

datepickerを使う機会があったので、
サンプルコードをメモしておきます。

<!doctype html>
<html lang="ja">
<head>
  <meta charset="utf-8" />
  <title>jQuery</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script>
  <link rel="stylesheet" href="/demos/style.css" />
  <script>

  $(function() {
    $.datepicker.setDefaults( $.datepicker.regional[ "ja" ] );
      $(".datepicker").each(function() {
        $(this).datepicker();
      });
  });
  
  </script>
  </head>
  <body>
    <p>１つ目: <input type="text" class="datepicker"/></p>
    <p>２つ目: <input type="text" class="datepicker"/></p>
  </body>
  </html>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

カレンダーフィールド datepicker コード例

カレンダーフィールド　datepicker コード例