2016-03-22 19 views
0

私は、複数のjquery datepicker入力フィールドを動的に生成し、各入力フィールドにデフォルトの実行日を設定しようとしています。 10個の入力フィールドがあり、最初の日付ピッカー入力は今日の日付を表示します(例:2016-03-22、2番目は2016-03-23、3番目は2016-03-24など)デフォルトの実行日付の値で動的に生成されたdatepicker

私は、コンソール上で確認したときに、ここで

は私のコードは

function addDays(theDate, days) { 
    return new Date(theDate.getTime() + days*24*60*60*1000); 
} 

for (var j = 0; j < 10; j++) { 
    var days = addDays(new Date(), j); 
    console.log(days); 
    $("#date-picker"+j).datepicker({"setDate": days, 
    format:'yyyy-dd-mm',  
    autoclose:true 
    }); 
} 

で、私はしかし、それは各入力フィールドに表示されていない、私は私が間違って何をしたかわからない、正しい日付を得ました。

私は以下のように動作しますが、formatやautocloseのような残りの属性は利用できません。

for (var j = 0; j < 10; j++) { 
    var days = addDays(new Date(), j); 
    $("#date-picker"+j).datepicker("setDate", days); 
} 

pls help。

答えて

0

Date()コンストラクタがまだクロスbrowserlyサポートされていないので、あなたが最初の

function addDays(theDate, days) { 
    return new Date(theDate.getTime() + days * 24 * 60 * 60 * 1000); 
} 

for (var j = 0; j < 10; j++) { 
    var days = addDays(new Date(), j); 
    console.log(days); 
    $("#date-picker" + j).datepicker({ 
    format: "yyyy-dd-mm", 
    autoclose:true 
    }); 
    $('#date-picker'+j).datepicker("setDate", days); 
} 

Working Demo

+0

を日付形式を解析するには、ありがとう!できます! – cypru55

+0

onSelect属性を追加しましたが、動作しません。 – cypru55

関連する問題