2016-11-24 10 views
-1

の日付を選択した後に計算しないこんにちは、私は出産の選択の日は、年齢、出生

Getting age automatically when given Date of Birth

に基づいて年齢を計算するためにSOのこのリンクをたどったが、私は年齢フィールドに日付を計算することはできませんよ

私はStruts2の-jqueryの - プラグイン-3.7.1.jar

<sj:datepicker id="dob" name="dateOfBirth" label="Change Month and Year" changeMonth="true" changeYear="true" displayFormat ="dd-mm-yy"></sj:datepicker>  

<s:textfield class="w3-input w3-border" placeholder="Age" name="age" id="age"/> 

使用していると私が使用するスクリプトは次のとおりです。

でも、私は唯一の10年のリストを取得しています(2016年までの1990年からの私は、スクロール可能な年間たいことは現在の年であること)、利用可能年のリストをスクロールすることはできませんよ
<script> 
    $('#dob').datepicker({ 
     onSelect: function(value, ui) { 
      var today = new Date(), 
       dob = new Date(value), 
       age = new Date(today - dob).getFullYear() - 1970; 

      $('#age').text(age); 
     }, 
     maxDate: '+0d', 
     yearRange: '1920:2010', 
     changeMonth: true, 
     changeYear: true 
    }); 
</script> 

私は間違っていますか?私がこれに悩まされていて、年齢を計算するための他の解決策を知らないので、助けてください!

答えて

0

struts2-jqueryプラグインは、プラグイン経由で追加されたjquery UIに基づいて独自の日付ピッカーを表示するためにタグを使用しています。同じ要素にバインドされたdatetepickerを混乱させています。プラグインのdatepickerまたはネイティブdatepickerのいずれかを使用する必要がありますが、両方を使用する必要はありません。

1990年から2016年までの範囲を指定するには、オプションyearRange: '1900:2016'を使用できます。 This is the reference from jQuery API

プラグインのバージョンのdatepickerを使用する場合は、Date Picker Tag Wiki Pageを参照する必要があります。

JSFiddle...

+0

先生たくさんのおかげで、今のように私はStruts2ののjQueryプラグインのyearRangeのattritbuteを使用して年間の範囲をSELCTすることができていますが、それでも私はから日付の選択に年齢を計算することはできませんよsj datepicker、それのイベント私は上記のスクリプトを呼び出すつもりですか? – Nupur

+0

http://stackoverflow.com/questions/25159250/onchange-does-not-work-for-datetimepicker-in-struts2このリンクに続いて、ユーザーが日付 '$を選択するとすぐに年齢を計算する関数を呼び出します.subscribe( 'changeTopic'、機能(イベント、データ){ \t \t \t \t \t \t \t \t VAR今日=新しいDate()、 DOB = event.originalEvent.dateText、=新しい日付 年齢(今日 - DOB) .getFullYear() - 1970年、 \t \t \t \t \t \t \t aler t( '年齢:'); $( '#年齢')。テキスト(年齢); }); ' – Nupur

+0

JSFiddleはネイティブのdatepickerです。どうすればstruts2 jquery datepicker(sjタグ付き)を使用して実装できますか? – Nupur