How to call my onchange event on zebra date picker?

Question

I have used input type text field and attach zebra date picker to it, now how I can call my function(updateDates()) on onchange event?

Without zebradatepicker I am able to use updateDates() function..

$('#tripDate1').val(formattedDate).attr("min", formattedDateMin).Zebra_DatePicker({ direction: 1 });  

<input id="tripDate1" style="margin-left: 3px;" type="text" onkeypress="return false" onkeydown="return false" onchange="updateDates(this.id)" />

Where is your code ? What Zebra ? – Raptor Jul 31 '15 at 06:16 — Raptor, Jul 31 '15 at 06:16
Have you tried with `onSelect` instead of `onChange`? – Sapikelio Jul 31 '15 at 06:24 — Sapikelio, Jul 31 '15 at 06:24

Sapikelio · Answer 1 · 2015-07-31T06:49:51.187

1

Try with onSelect function and define it in Javascript.

<script type="text/javascript">    
$(function() {
        $('#tripDate1').datepicker( {
            onSelect: function() {
                updateDates(this.id);
            }
        });
    });
</script>

<input id="tripDate1" style="margin-left: 3px;" type="text" />

edited Jul 31 '15 at 06:49

answered Jul 31 '15 at 06:29

Sapikelio

2,594
2
16
40

ouch, that's awful. bind with events instead of using `onkeypress`, `onkeydown`, etc... in HTML. – Raptor Jul 31 '15 at 06:46

score 1 · Answer 2 · answered Nov 04 '18 at 10:52

Zebra Datepicker has event listeners which includes the onSelect. See example below.

$(function() {
    $("#tripDate1").Zebra_DatePicker({
        format: 'm/d/Y', //Ensures format consistency
        onSelect: function() {
            //Call your update function here.
        }
    });
});

How to call my onchange event on zebra date picker?

2 Answers2