2017-01-07 19 views
0

DPと呼ばれるクラスのページに複数の入力ボックスがあります。それぞれには日付ピッカーウィジェットが添付されています。私の各入力の中に私は日付を持つデータ属性を持っています:すなわち、data-dformat = "2017-05-25" 私はそれをしたいと思いますDatePickerの各インスタンスのデフォルトの日付私のページのJQ Datepicker - データID属性からデフォルトの日付を設定する

$('.DP').datepicker({ 
    beforeShow: function(){ 
     td = $(this).attr("data-dformat") ; 
     },  
    showOn: "button", 
    buttonText: "Date", 
    dateFormat: "yy-mm-dd", 
    setDate: td  
    }); 

私の入力:このよう

<input id="startdate" class="DP AutoCheck hasDatepicker" data-dformat="2017-05-25" > 

私は、TDは私がしたい日付を含むが、私はこの変数を使用して、デフォルトの日付を設定することはできませんことを知っています。 誰か助言をお願いしますか? うまくいくと思います。 おかげ

+0

を使用して別の例ですか? – stldoug

+0

明示的にtdを 'new Date()'に設定しようとしましたか? 'console.log(td)' ...が '$(this) 'で検索されるべきでない場合はどうなりますか?データ( "dformat"); '。最後のオプションは 'datepicker'作成の外で' td'初期化を取ることです。 'datepicker'コードの前に置いてください。 –

答えて

1
自動的に入力の値に日付を設定しますが、あなたが求めているようにそれを行う必要がある場合、あなたはこのようにそれを行うことができます

jQueryの日付ピッカー:

$('.DP').datepicker({ 
    beforeShow: function(elem) { 
     $(elem).val($(elem).attr("data-dformat")); 
    }, 
    showOn: "both", 
    buttonText: "Date", 
    dateFormat: "yy-mm-dd" 
}); 

HTML

<input type="text" id="startdate" class="DP" data-dformat="2017-05-25" value=""> 

ここでは動作しますCodePenです。

編集:ここでは、あなたが使用しているDatePickerのライブラリーを提供することができSETDATE方法CodePen

+0

ありがとうございました!乾杯 – Mick

関連する問題