无法获取onChange以使用Datepicker在Javascript中触发

Question

因此，我正在使用air-datepicker（ http://t1m0n.name/air-datepicker/docs/ ）选择一个月份，例如预设为01/03/2018，它使用以下命令在我名为startdate2的输入中填充一个隐藏字段替代方法。

我想要的是用startdate2 + 2个月更新enddate2。 我尝试使用onChange和一些其他方法，但似乎没有任何效果。

<input type="hidden" name="startdate" id="startdate2" value="" class="inputdate" onChange="getDateAhead()" >
<input type="hidden" name="enddate" id="enddate2" value="" class="outputdate" >

<script>
function getDateAhead()
{
    var start = document.getElementById('startdate2').value;
    var end = start.setMonth(start.getMonth()+2);
    document.getElementById('enddate2').value = end;
}
</script>

只是似乎无法使其正常工作？？

Answer 1

请检查文档（ http://t1m0n.name/air-datepicker/docs/ ）以获取您使用的日期选择器。 您的关注功能是onSelect。

var eventDates = [1, 10, 12, 22],
    $picker = $('#custom-cells'),
    $content = $('#custom-cells-events'),
    sentences = [ … ];

$picker.datepicker({
    language: 'en',
    onRenderCell: function (date, cellType) {
        var currentDate = date.getDate();
        // Add extra element, if `eventDates` contains `currentDate`
        if (cellType == 'day' && eventDates.indexOf(currentDate) != -1) {
            return {
                html: currentDate + '<span class="dp-note"></span>'
            }
        }
    },
    onSelect: function onSelect(fd, date) {
        var title = '', content = ''
        // If date with event is selected, show it
        if (date && eventDates.indexOf(date.getDate()) != -1) {
            title = fd;
            content = sentences[Math.floor(Math.random() * eventDates.length)];
        }
        $('strong', $content).html(title)
        $('p', $content).html(content)
    }
})