jquery uiは非常に強力であり、日付選択プラグインDatepickerは、プラグインの柔軟な構成であり、あなたは日付の書式、言語、日付範囲の選択を制限するなど、そのプレゼンテーションをカスタマイズすることができます、関連するボタンや他のナビゲーションを追加するなど。
この記事では、jquery ui datepickerの使用について説明します。
DatePickerの基本的な使い方:
資料紹介
<link?href="http://..com/ajax/libs/<a href="http://./" target="_blank">jquery</a>ui/..18/themes/base/jquery-.css"?rel="stylesheet"?type="text/css"/>?
<script type="text/javascript" src="http://..com/ajax/libs/jquery/..2/..js"></script>?
<script type="text/javascript" src="http://..com/ajax/libs/jqueryui/..18/jquery-..js"></script>
htmlコード:
<div?type="text"?id="datepicker"></div>
jsコード:
?
$(document).ready(function()?{??
?$("#datepicker").datepicker();
?});
3つの外部ファイル(jqueryライブラリファイル、jquery uiコアファイル、jquery uiスタイルファイル)を持ってきて、datepicker()メソッドを使うだけです。
サンプルコード jquery ui datepicker の例を参照してください。
jquery ui datepicker が公開しているメソッドです:
$.datepicker.setDefaults(?settings?)?-?datepickerプラグインのパラメータをグローバルに設定します。
$.datepicker.iso8601Week(?date?)?-?日付が指定された場合、確かにその年の第1週となります。
$.datepicker.parseDate(?format,?value,?settings?)?-?指定した形式の日付文字列を取得します
最初の2つのチュートリアルを見る




