2011-11-16 18 views
26

​​のようなDIVにJQUERY UIのdatepickerをインラインで表示する場合は、選択した日付にどのようにアクセスすればよいですか?私はそれがINPUTに縛られていないなら、それはフォームと共に提出されないと仮定します。JQUERY datepickerからの値の取得

私はそれをINPUT要素にバインドする必要がある場合、INPUT要素に対するdatepickerの位置を制御する方法はありますか?私がdatepickerが要素の上または下に表示されるようにしたいのであれば、どうすればよいでしょうか?

この回答が本当に明白な場合は、私に許してください。

var d = $('div#someID').datepicker('getDate'); 

dであなたのDateオブジェクトを与える:

答えて

45

もし

$("div#someID").datepicker("getDate") 

とあなたのhttp://jqueryui.com/demos/datepicker/

+0

ありがとう!私は何とかドキュメントを見て "getDate"を見逃していたとは信じられない!私はおそらく、彼らのスタイルシートで混乱しなければならないかもしれないと思っていますが、私はいつも誰かがやった何かをハッキングして神経質になります。 –

+0

これは実際に私の時間を節約します。答えは – DEBAL

+1

です。どのように日付を解析しますか? "Wed Nov 08 2017 18:20:28 GMT + 0100(W. Europe Standard Time)" '? – NineCattoRules

8

あなたがgetDateメソッドを使用することができます。

ポップアップはoptions for positioningではありませんが、必要に応じてCSSまたはbeforeShowイベントで何かできます。

5

この入力の名前属性を削除して、サブミットされないようにすることができます。唯一

+1

感謝を!私は何とかドキュメントを見て "getDate"を見逃していたとは信じられない! –

4
$('div#someID').datepicker({ 
    onSelect: function(dateText, inst) { alert(dateText); } 
}); 

に文書を見ても、あなたが入力要素にバインドする必要があります。このcontrollの値にアクセスするには

ユーザーが選択した日付を取得するには、次のようにします。

$("#datepicker").datepicker({ 
    onSelect: function() { 
     var dateObject = $(this).datepicker('getDate'); 
    } 
}); 

質問の第2部分についてはわかりません。しかし、スタイルシートや相対的な配置を試してみましたか?

+0

http://stackoverflow.com/questions/662220/how-to-change-the-pop-up-position-of-the-jquery-datepicker-controlこれが助けてくれることを願って – run

2

これは、datepickerが要素にバインドされていることを確認するためだけの検証で行うことができます。

0

入力フィールドの隣に日付ピッカーを配置するには、次のコードを使用します。

$('#datepicker').datepicker({ 
    beforeShow: function(input, inst) 
    { 
     inst.dpDiv.css({marginLeft: input.offsetWidth + 'px'}); 
    } 
}); 
0

あなたの選択した要素が1でない場合は、この方法を使用する必要があります。

$('[type="date"]').datepicker(); 
$('[type="date"]').change(function() { 
    var date = $(this).datepicker("getDate"); 
    console.log(date); 
}); 
関連する問題