Question

如何将此选项设置为sj:datepicker日期选择器

    $('input.date').datepicker({
        beforeShow: function(input, inst)
        {   
            alert("Before input");
            inst.dpDiv.css({marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth + 'px'});
        }
    });

我的sj：datepicker看起来像这样：

<sj:datepicker
    id="dateFrom_id%{index}"  
    name="billingItems[%{index}].dateFrom" 
    value="%{billingItems[#index].dateFrom}"  
    displayFormat="dd.mm.yy"
    cssClass="customDatePicker" 
    buttonImage="/images/icons/calendar-blue.png"
    parentTheme="css_custom"
    firstDay="1"
/>

编辑：或者这个

beforeShow: function(i) { if ($(i).attr('readonly')) { return false; } }

在此帖子中找到：JQuery DatePicker ReadOnly

Answer 1

将该代码更改为

<script type="text/javascript">
  $.subscribe('beforeShow', function(event, data) {
    alert("Before input");
    var input = event.originalEvent.input;
    var inst = event.originalEvent.inst; 
    inst.dpDiv.css({marginTop: -input.offsetHeight + 'px', marginLeft: input.offsetWidth + 'px'});
  });
</script>

和struts2-jquery小部件

<sj:datepicker
  onBeforeTopics="beforeShow"

sj的beforeShow事件：datepicker Struts 2

1 个答案: