前の記事 ≪:.htaccessやmod_rewriteの設定をかたっぱしから設定済みのファイル
次の記事 ≫:各JavaScript圧縮ツールでその圧縮率を比較

ありそうでなかったPrototype.jsベースの日付入力補助ライブラリ「DatePicker」

2007年09月03日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Eulerian Technologies - DatePicker using Prototype and Scriptaculous
You'll find here the code and instructions for a datepicker widget using Prototype and Scriptaculous librairies.

ありそうでなかったPrototype.jsベース(script.aculo.us使用)の日付入力補助ライブラリ「DatePicker」。
次のような日付入力補助機能を実装できるようです。



YUIなんかには普通にありましたが、Prototype.js ベースははじめてではないでしょうか?
実装コードも次のように非常にシンプル。

<script type="text/javascript" src="/prototype.js"></script>
<script type="text/javascript" src="/scriptaculous.js"></script>
<script type="text/javascript" src="/datepicker.js"></script>
<style type="text/css">
@import("/css/datepicker.css");
</style>
<form>
<input type="text" id="date-from" name="date-from" />
</form>
<script type="text/javascript">
/*<[CDATA[*/
 var dpck = new DatePicker({
 relative : 'date-from',
 language : 'en'
});
/*]]>*/
</script>

prototype.js 使いには嬉しいライブラリですね。

関連の記事検索:prototype.js, calendar, Ajax
スポンサード リンク

By.KJ : 2007年09月03日 07:09 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)