読者です 読者をやめる 読者になる 読者になる

本厚木のエンジニアブログではある

日々の開発で出たエラーや日常などいろいろ書いていくブログです。

jQueryUI datepicker 使い方

datepickerを使う方法

datepickerとは日付のセレクトボックス的なものをいい感じにするものです。

まず

<span style="font-size: 80%"><link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker().datepicker('setDate','today');
    $( "#datepicker" ).datepicker("option", "dateFormat", 'yy/mm/dd/');
  });
  </script></span>

をheadタグの中に入れます

<p>日付: <input type="text" id="datepicker" /></p>

をbodyタグにに入れれば完了なはず。

.datepicker('setDate','today');
初期値を今日の日付にしてます。
必要ないなら削除

$( "#datepicker" ).datepicker("option", "dateFormat", 'yy/mm/dd/');
フォームのFormatを変更しています。

以上です。