Using beforeShow event for sj:datepicker in Struts 2

Question

How can I set this option to my sj:datepicker date picker

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

My <sj:datepicker> looks like this:

<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"
/>

Edit : or this

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

found on this thread : JQuery DatePicker ReadOnly

everything is working i just want to capture the event that opens the date selector. — kozla13, May 23 '13 at 11:14

score 1 · Answer 1 · answered May 23 '13 at 10:53

1

Change that code to

<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>

and struts2-jquery widget

<sj:datepicker
  onBeforeTopics="beforeShow"

answered May 23 '13 at 10:53

Roman C

49,761
33
66
176

How can i stop executing event ?? – kozla13 May 23 '13 at 12:10
what event do you want to stop? – Roman C May 23 '13 at 12:13
the event that opens the calendar (date panel) – kozla13 May 23 '13 at 12:21

Using beforeShow event for sj:datepicker in Struts 2

1 Answers1