如何设置jquery日期选择器日历图标触发器图像的大小和位置

Question

我正在使用jquery日期选择器文本框附近的日历图标触发器图像默认是在顶部我想设置图像大小(高度)与文本框高度相同请给我一些建议我的代码是

$(#textbox1).datepicker({
    showOn: "button",
    buttonImage: "calendar_1.png",
    buttonImageOnly: true
)};

Answer 1

用firebug检查元素,我得到了这个:

<img class="ui-datepicker-trigger" src="http://xxxxx/officeprime/assets/img/calendar.gif" alt="..." title="..."/>

然后,您可以使用该CSS类ui-datepicker-trigger.

Answer 2

在页面中添加自定义CSS

<style>
.ui-datepicker-trigger { position:relative;top:{}px ;right:{}px ; height:{}px }
 /* {} is the value according to your need */
</style>

Answer 3

您可以使用jQuery编辑类.ui-datepicker-trigger,但在datepicker函数之后进行编辑很重要.

例:

$(#textbox1).datepicker({
        showOn: "button",
        buttonImage: "calendar_1.png",
        buttonImageOnly: true )};

$(".ui-datepicker-trigger").css("margin-bottom","-6px");