Javascript Jquery Datepicker，在选择日期时将Select2值设置为null，反之亦然

在Laravel框架中，我使用Jquery v3.3.1版和bootstrap-datepicker.js并选择2 4.0.4

我正在做一个过程，在这个过程中

• 日期选择器上的字段更改，更改后将触发select2值为null

• select2值上的字段更改将触发日期选择器字段更改为null

下面是我的html代码

<form class="p-t-10" id="form-search" role="form" autocomplete="off" method="post" action="{{ route('application.record.document_verification.loglist') }}" novalidate>
    <div class="form-group-attached">
        <div class="row clearfix">
            <div class="col-md-4">
                <div class="form-group form-group-default input-group">
                    <div class="form-input-group">
                        <label>
                            <span id="start_date_span">{{ __('Tarikh') }}</span>
                        </label>
                        <input id="start_date" class="form-control" name="start_date">
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group form-group-default form-group-default-custom form-group-default-select2">
                    <label id="label_year_filter"><span>{{ __('Tahun Rekod Dibuat') }}</span></label>
                    <select id="year_filter" name="year_filter" class="full-width autoscroll" data-init-plugin="select2">
                        <option value="" selected="" >{{ __('Pilih satu') }}..</option>
                        <?php for ($i=date('Y');$i>=2018;$i--): ?>
                            <option value={{ $i }}>{{ $i }}</option>
                        <?php endfor ?>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <div class="form-group form-group-default form-group-default-custom form-group-default-select2">
                    <label id="label_month_filter"><span>{{ __('Bulan Rekod Dibuat') }}</span></label>
                    <select id="month_filter" name="month_filter" class="full-width autoscroll" data-init-plugin="select2">
                        <option value="" selected="" >{{ __('Pilih satu') }}..</option>
                        <option value=1>{{ __('Januari') }}</option>
                        <option value=2>{{ __('Februari') }}</option>
                        <option value=3>{{ __('Mac') }}</option>
                        <option value=4>{{ __('April') }}</option>
                        <option value=5>{{ __('Mei') }}</option>
                        <option value=6>{{ __('Jun') }}</option>
                        <option value=7>{{ __('Julai') }}</option>
                        <option value=8>{{ __('Ogos') }}</option>
                        <option value=9>{{ __('September') }}</option>
                        <option value=10>{{ __('Oktober') }}</option>
                        <option value=11>{{ __('November') }}</option>
                        <option value=12>{{ __('Disember') }}</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="pull-right p-t-10 p-b-10">
            <button class="btn btn-warning" onclick="resetFilterForm()">Reset</button>
            <button class="btn btn-info" type="submit"></i> {{__('Carian') }}</button>
        </div>
        <button href="javascript:;" target="_blank" class="btn btn-default m-t-5" onclick="export_excel_list()"><i class="fa fa-download text-success"></i> EXCEL </button>
    </div>
</form>

下面是我编写的jquery，以确保代码在更改datepicker值时将select2值设置为空值

$("#start_date").datepicker({
    language: 'ms',
    format: 'dd/mm/yyyy',
    autoclose: true,
    todayHighlight:'TRUE',
    endDate: "today",
    onClose: function() {
        $(this).valid();
    },
}).on('changeDate', function(){
    $(this).trigger('change');

    $('select#year_filter').select2().val("").trigger("change");
});

上面的代码工作正常，没有任何问题，但现在我想继续

• select2值上的字段更改将触发日期选择器字段更改为null

所以我写代码如下

$('body').on('change',"select#year_filter","select#month_filter",function(){
    $("input[name=start_date]").val("");
})

现在它不能正常工作，出现了一个新的错误，当在datepicker上进行选择时，datepicker值保持为空，select2值变为空，但datepicker值变为空

我不确定会发生什么，我已经检查了是否有任何重复的姓名或id，但没有

请帮忙

---

谢谢你

你的加价在哪里？是否有名为“开始日期”的元素？是的，有名为“开始日期”的元素您回答了我的第二个问题，但不是第一个问题。没有人能够在没有看到您的标记的情况下帮助您调试。我已经编辑了包含html代码的问题，您的标记在哪里？是否有名为“开始日期”的元素？是的，有名为“开始日期”的元素您回答了我的第二个问题，但不是第一个问题。没有人能够在没有看到标记的情况下帮助您调试此问题。我已编辑了包含html代码的问题

$('body').on('change',"select#year_filter","select#month_filter",function(){
    $("input[name=start_date]").val("");
})