JSCカレンダーコントロール
4051 ワード
JSCカレンダコントロール1.Kは自分で皮肤を交换することができて、いくつかセットがあって、日付の时间のフォーマット==を设定することができて、下の住所は1.概要
カレンダーコントロールdynarchのJSCalenderを使用します.http://www.dynarch.com/projects/calendar/
ダウンロードパッケージには完全なsampleとドキュメントがあります.
1.1 SpringSideのパッケージと修正
SpringSide Bookstoreの例では、必要なファイルを/webapp/widgets/calendar/にカプセル化し、springsideがカプセル化calendar.jspは必要なjs、cssファイルをすべて印刷し、内容は以下の通りです.
また、2つの原版の中国語言語ファイルcalendar-zh.jsに誤りがあり、springsideが修正し、欠落したCalendar.を取り戻した.FD = 0;文.
2.使用
BookStoreの図書管理--フォームインタフェースは基本的な使い方を示しています.最も古典的な使用コードは以下の通りです.
カレンダーコントロールは、Calendarを設定するだけで時間と分を表示することもできます.setupのパラメータでいいです.JSCalenderが持っているドキュメントを詳しく見てください.2.Jason's Date Input Calendar calendarダウンロードcalendaarDateInput.js Step 1: Insert the below into the section of your page: <br></span></span></span></p>
<p style="font-family:Verdana, 'Lucida Grande', Arial, Helvetica, sans-serif;line-height:18px;"> <span><span style="color:rgb(51,51,153);"><strong>Step 2:</strong> Once the above script is added, adding a popup Calendar field to your form is a one step process. Take a look at the below example:</span></span></p>
<p class="codehighlight"style="font-family:Verdana, 'Lucida Grande', Arial, Helvetica, sans-serif;line-height:18px;"> <span><span style="color:rgb(51,51,153);"><form><br></span></span><span style="color:rgb(255,0,0);"><br><span><span style="color:rgb(51,51,153);"><script>DateInput('orderdate', true, 'DD-MON-YYYY') down load imgfiles
3. sohu's Input Calendar
4.My97DatePicker
私の先輩My 97が開発したカレンダーを極力お勧めします.web開発に従事している皆さんは基本的に使っていると思います.各遊覧機の互換性もカスタム構成も名残惜しいです.ここにはdemoと例がたくさんあります.
すぐダウンロードします:ダウンロードします1ダウンロードします2
5.mootoolsのきれいなカレンダー
ダウンロード
変換元:http://www.cnblogs.com/twh/articles/951006.html
カレンダーコントロールdynarchのJSCalenderを使用します.http://www.dynarch.com/projects/calendar/
ダウンロードパッケージには完全なsampleとドキュメントがあります.
1.1 SpringSideのパッケージと修正
SpringSide Bookstoreの例では、必要なファイルを/webapp/widgets/calendar/にカプセル化し、springsideがカプセル化calendar.jspは必要なjs、cssファイルをすべて印刷し、内容は以下の通りです.
"${ctx}/widgets/calendar/skins/theme.css" type="text/css" rel="stylesheet"/>
"text/javascript"</span> src=<span class="code-quote">"${ctx}/widgets/calendar/calendar.js"</span>>
"text/javascript"</span> src=<span class="code-quote">"${ctx}/widgets/calendar/calendar-setup.js"</span>>
"text/javascript"</span> src=<span class="code-quote">"${ctx}/widgets/calendar/lang/calendar-en.js"</span>> また、2つの原版の中国語言語ファイルcalendar-zh.jsに誤りがあり、springsideが修正し、欠落したCalendar.を取り戻した.FD = 0;文.
2.使用
BookStoreの図書管理--フォームインタフェースは基本的な使い方を示しています.最も古典的な使用コードは以下の通りです.
"/widgets/calendar/calendar.jsp" %>
"publisherDate" styleClass="text"/>
"text/javascript"</span>>
Calendar.setup({
inputField : <span class="code-quote">"publisherDate"</span>, <span class="code-comment">// id of the input field
</span> ifFormat : <span class="code-quote">"%Y-%m-%d"</span>, <span class="code-comment">// the date format
</span> button : <span class="code-quote">"publisherDateBt"</span> <span class="code-comment">// id of the button
</span> });
カレンダーコントロールは、Calendarを設定するだけで時間と分を表示することもできます.setupのパラメータでいいです.JSCalenderが持っているドキュメントを詳しく見てください.2.Jason's Date Input Calendar calendarダウンロードcalendaarDateInput.js Step 1: Insert the below into the section of your page: <br></span></span></span></p>
<p style="font-family:Verdana, 'Lucida Grande', Arial, Helvetica, sans-serif;line-height:18px;"> <span><span style="color:rgb(51,51,153);"><strong>Step 2:</strong> Once the above script is added, adding a popup Calendar field to your form is a one step process. Take a look at the below example:</span></span></p>
<p class="codehighlight"style="font-family:Verdana, 'Lucida Grande', Arial, Helvetica, sans-serif;line-height:18px;"> <span><span style="color:rgb(51,51,153);"><form><br></span></span><span style="color:rgb(255,0,0);"><br><span><span style="color:rgb(51,51,153);"><script>DateInput('orderdate', true, 'DD-MON-YYYY') down load imgfiles
3. sohu's Input Calendar
4.My97DatePicker
私の先輩My 97が開発したカレンダーを極力お勧めします.web開発に従事している皆さんは基本的に使っていると思います.各遊覧機の互換性もカスタム構成も名残惜しいです.ここにはdemoと例がたくさんあります.
すぐダウンロードします:ダウンロードします1ダウンロードします2
5.mootoolsのきれいなカレンダー
ダウンロード
変換元:http://www.cnblogs.com/twh/articles/951006.html