JavaScriptでmarginLeftプロパティを設定するにはどうすればよいですか？

Question

私は次のコードを持っています。左側に約156pxの余白を残すには、カレンダーアイコンが必要です。このスタイリングをどのように追加しますか？

$(function() { 
    $(".datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "../static/datepicker/images/calender-icon.png", 
     buttonImageOnly: true 
    }); 
}); 

Answer 1

あなたがthis pluginを使用している場合、それはあなたが単にa.dp-choose-date（アイコン厥）を編集することができますdatePicker.cssが付属し、margin-leftを追加します。

Answer 2

このカレンダーは、Divの中で囲むことができ、そのDIVのために行うことができます。

$(div).css('marginLeft',156); 

Answer 3

あなたがコントロールのさまざまな部分に使用するCSSクラスを記述しますjQueryのドキュメントのコントロールのテーマ部に見ることができます。

これらを使用すると、Felixが触れたように、クラスのデフォルトのスタイリングをオーバーライドすることでCSSを使用してスタイルを適用できます。

http://jqueryui.com/demos/datepicker/#theming

Answer 4

それはcalander画像にui-datepicker-triggerクラスを作成して、あなたのCSSでこのクラスのCSSプロパティを使用することができ、それが動作します。 .css("margin-left","156px")

Answer 5

これを試してみてください。

datepicker coming with jqueryUIの場合、編集するスタイルはui-datepicker-triggerです。