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

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

2007年09月03日

スポンサード リンク
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 使いには嬉しいライブラリですね。

スポンサード リンク

投稿者 KJ : 2007年09月03日 07:09 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。