jQuery の日付 picker_jquery の詳細な分析

1: デフォルトでは、日付入力テキスト ボックスがページ フォーカスを取得すると、日付ピッカー コンポーネントはオーバーレイ でカレンダー選択パネルを開きます。ボックス ボックスがフォーカスを失った場合、または日付が選択された場合、カレンダー選択パネルは自動的に閉じられます
$(selector).datepicker([options]);
簡単な例:

コードをコピー コードは次のとおりです:

< ;html xmlns="http://www.w3.org/1999/xhtml">




<スクリプト タイプ="text/javascript" src="JS/jquery.ui.core.js">




日付を入力してください:

レンダリング:


2: ポップアップ日付ピッカーの画像ボタンを指定します
応答リソース ファイルを追加する必要があります:

コードをコピーします コードは次のとおりです。

$(document).ready(function() {
$("#datepicker" ).datepicker({
showOn: "button",
buttonImage: "Images/calendar.gif",
buttonImageOnly: true
});
});

コードをコピー コードは次のとおりです:

请选择一个日期：

效果图：


3：显示带年、月份下拉列表および按钮面板の日期選択择器

复制發 代码如下:

<頭>
< ;meta http-equiv="Content-Type" content="text/html; charset=gb2312" />









请输入一日期：

效果图：

4：同時に表示複数の月份の日期選択器

复制代代码如下:

日付を選択してください:

レンダリング:


5: 日付ピッカーの一部のメソッド
ダイアログ、isDisabled、非表示、表示、更新、getDate、setDate

コードをコピー コードは次のとおりです:

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。