2012-01-05 36 views
0

を選択した後、私は日付ピッカー - 月/年

changeMonth: true, 
changeYear: true 

とjQueryのUIのDatePickerのプラグインしかし、ユーザーが実際にその日クリックしたときの日付に更新のみを保持しているテキストフィールドを使用しているフィールドを移入します。ユーザーが月と年を選択してからdatepickerポップアップの外側をクリックすると、選択した月と年の最初の日がフィールドに含まれます。

現在、ユーザーが実際に特定の日をクリックしない限り、テキストフィールドは更新されません。これを修正する方法があるかどうかプラグインに詳しい人は教えてください。

答えて

2

あなたはドキュメントからonChangeMonthYearコールバック関数 を定義することで、フィールドのテキストを自分で埋めることができます:

onChangeMonthYearは:日付ピッカーは、新しい月および/または年に移動したときに独自のイベントを定義することができます。この関数は、選択された年、月(1〜12)、およびdatepickerインスタンスをパラメータとして受け取ります。関連する入力フィールドを参照します。

コード例

サプライinitオプションとしてonChangeMonthYearイベントを処理するコールバック関数。

$('.selector').datepicker({ 
    onChangeMonthYear: function(year, month, inst) { ... } 
}); 

ので、これはあなたが望むものです:

$('.selector').datepicker({ 
    onChangeMonthYear: function(year, month, inst) { 
     var day = $(this).datepicker('getDate').getDate(); 
     $(this).datepicker("setDate", month+'/'+day+'/'+year); 
    } 
}); 

は場所の日付形式で慎重にして:あなたはこのようなものを使用することができます

$('.selector').datepicker({ 
    onChangeMonthYear: function(year, month, inst) { 
     $(this).val(month + "/" + year); 
    } 
}); 

Example here

1

mybe。ここ

完全なコード例:;(このコールバックでは、 `$` http://jsfiddle.net/FagGK/

+0

私はあなただけで、 '$(この).datepicker( "SETDATE"、月+ '/ 01 /' +年)を意味だと思います).datepicker( 'getDate') 'は' null'になります。 http://jsfiddle.net/ambiguous/FagGK/1/ –

関連する問題