droid.dialogDatePicker(defaultDate)の説明と例
jsWaffleには通常のJavaScriptの
alert(),confirm(),prompt()のようなダイアログの他に、アンドロイド用に拡張したダイアログを使用することができます。
droid.dialogYesNo(title,message) | Yes,Noの二択で答えさせるダイアログ |
---|---|
droid.dialogList(title,array) | 第2引数で指定した配列を選択リストにしてダイアログを表示 |
droid.dialogCheckboxList(title,array) | 第2引数で指定した配列をチェックボックスのリストにしてダイアログを表示 |
droid.dialogDatePicker() | 日付ダイアログ |
droid.dialogTimePicker(hour,minute) | 時間ダイアログ |
droid.dialogSeekbar(title,min,max,defaultValue) | シークバーダイアログ |
以下それぞれの説明です。
一記事1メソッドで書きますので下のメソッド以外は他の記事を参照してください。
droid.dialogDatePicker(defaultDate)の説明と例
droid.dialogDatePicker(defaultDate)は、年月日を選択させるダイアログを表示させます。
表示されたダイアログで年月日を選択し、「set」ボタンをクリック(タッチ)すると
var date = droid.dialogDatePicker();
などとした変数dateに
Tue May 07 2013 00:00:00 GMT+0000(GMT)
のような文字列が代入されます。
例えばこれを「2013年5月8日」のように整形したい場合は、
まず、上記の文字列をコンストラクタに渡してDateクラスのインスタンスを生成します。
var date = droid.dialogDatePicker(); var d = new Date(date);
その後に年・月・日を別々に取得すれば後で整形できます。
var y = d.getFullYear(); var m = d.getMonth(); var d = d.getDate(); var str = "選択した年月日は:" + y + "年" + m + "月" + d + "日";
以下はソース全体の例です。よろしければ試してみてください。
※以下のソースの実行にはjsWaffleのインストールとAndroidアプリとして実行することが必要です。
window.onload = function(){ var answer_date = droid.dialogDatePicker(); var date = new Date(answer_date); var y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); var str = "選択した年月日は:" + y + "年" + m + "月" + d + "日"; alert(str); };