如何在斑马日期选择器上调用我的 onchange 事件？答案

【问题标题】：How to call my onchange event on zebra date picker?如何在斑马日期选择器上调用我的 onchange 事件？
【发布时间】：2015-10-22 17:19:44
【问题描述】：

我已经使用了输入类型文本字段并将斑马日期选择器附加到它，现在我如何在onchange 事件上调用我的function(updateDates())？

没有 zebradatepicker 我可以使用 updateDates() 函数..

$('#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)" />

【问题讨论】：

你的代码在哪里？什么斑马？
你试过用onSelect代替onChange吗？

标签： javascript datepicker jquery-ui-datepicker zebra

【解决方案1】：

尝试使用onSelect 函数并在 Javascript 中定义它。

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

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

【讨论】：

哎呀，太糟糕了。与事件绑定，而不是在 HTML 中使用 onkeypress、onkeydown 等。

【解决方案2】：

Zebra Datepicker 具有事件侦听器，其中包括 onSelect。请参见下面的示例。

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

【讨论】：