0

http://lucianocosta.info/jquery.mtz.monthpicker/を使用して、月と年のみを表示する「カレンダー」を表示しています。

これを初期化するための私のJavascriptは

var Year = new Date().getFullYear();
var Month = new Date().getMonth() + 1;
$(document).ready(function() {

     $('#monthpicker_widget').monthpicker({
        startYear: 2011,
        finalYear: new Date().getFullYear()
    });

     $('#monthpicker_widget').bind('onchange',function(e){
        alert("input change");
     });
});

私のHTMLにはこれがあります

 <p> Date: <input id="monthpicker_widget" class="mtz-monthpicker-widgetcontainer" type="text"> </p>

これが私が欲しいものです...

入力フィールドに現在の月/年をすぐに表示したい。そのため、ページが読み込まれると、2012 年 11 月が必要になります。ユーザーが入力フィールドをクリックすると、MonthPicker ウィジェット (現在の状態) がポップアップ表示されます。ユーザーが別の年または月を選択したときに、入力フィールドを更新したいのですが、現在これを行っています。ページを更新しても、現在の日付には戻りません。

私がやりたいのは、ユーザーが変更したときに月と年のデータを使用することです。月/年に応じて異なるデータを表示するためにテーブルで使用しています。上記の bind メソッドは、入力が変更されたときにアラートを表示しません。

これを解決するための提案はありますか?

ありがとう

4

1 に答える 1

2

月をクリックすることがテキスト ボックスを更新する唯一の方法であるため (年を変更してボックスの外をクリックすると閉じますが、テキストは更新されません。これはバグだと思います!)、次のmonthpicker-click-monthようにイベントを処理できます。ドキュメント：_

$('#events_widget').monthpicker().bind('monthpicker-click-month', function (e, month) {
    alert('You clicked on month ' + month);
});

補足として、標準のjQuery UI Datepickerの使用を検討し、好みに合わせてカスタマイズします。これは、はるかにサポートされており、上記のバグがないためです。

于 2012-11-20T19:49:19.720 に答える