blog

jQuery UIチュートリアル No.3 - jQuery UI DatePickerの使い方

jquery uiは非常に強力で、datepickerプラグインは柔軟に設定可能なプラグインです。日付のフォーマット、言語、選択できる日付の範囲の制限、関連するボタンの追加、その他のナビゲーションなど...

Jun 26, 2014 · 2 min. read
シェア

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つのチュートリアルを見る

Read next

企業向けOffice 365移行プラン

メールは今やほとんどの企業にとって重要なビジネスツールですが、ほとんどの場合、メールの戦略的管理には不備があります。同時に、多くの企業は、一元的な調整と効果的なアドレス管理機能を持つMicrosoft Exchangeに注目していますが、メールサーバーを24時間365日稼働させることには消極的です。

Jun 26, 2014 · 4 min read