jquery-ui-datepicker - jQuery変更イベントが2回発生する

Question

日付を含む入力フィールドを持つフォームがあります。

以下は私のコードです。

<form action="/test/" method="get" class="form-horizontal">
    <!-- truncated codes -->
    <label class="col-sm-1 control-label">Date:</label>
    <div class="col-sm-2">
        <div class="input-group m-b-none">
            <span class="input-group-addon btn btn-success btn-sm btn-outline"><i class="fa fa-calendar"></i></span>
            <input type="text" name="date" value="{{ $date }}" class="form-control start_date" id="date" autocomplete="off" required>
        </div>
    </div>
</form>

それは私のjQueryコードです

$('.start_date').change(function () {
    var timestamp = Date.parse($("input[name='date']").val());

    if (isNaN(timestamp) == false) {
        date = $('.start_date').val();
        // call function
    } else {
        var prev = $(this).data('val');
        alert('Invalid Date');
        $('#date').val(prev);
    }
});

$('#date').datepicker({
    todayBtn: "linked",
    keyboardNavigation: false,
    forceParse: false,
    calendarWeeks: true,
    autoclose: true,
    format: 'yyyy-mm-dd'
});

日付が変わるたびに、この関数が 2 回実行される理由がわかりません。

私は何を間違っていますか?どうすれば修正できますか?

私はjQueryバージョン3.1.1を使用していますが、すでにこれを試しました。

また、.start_dateページには他に何もありません。