Datepicker onchange submit со значением по умолчанию

Question

Я пытаюсь присвоить Gij значение по умолчанию go Datepicker, но он отправляет форму каждый раз, когда я нажимаю на нее, это означает, что я не могу изменить значение.

var today, datepicker;
  today = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate());

  datepicker = $('#datepicker').datepicker({
    header: true, 
    uiLibrary: 'bootstrap4',
      format: 'yyyy-mm-dd',
      minDate: '2020-01-01',
      value: '2020-02-01', //add this and it broke
      showRightIcon: true,
      iconsLibrary: 'fontawesome',
      maxDate: today,
      change: function (e) { $('form').submit();}
	});

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript"></script>
    <link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
    
  <form action="" method="get" autocomplete="off">
    <input id="datepicker" class="" width="276" name="date" />
  </form>

Это сработало, но когда я не назначаю значение, мне нужно показать текущий месяц, чтобы пользователю не приходилось выбирать месяц снова , Все, что я пробовал, просто сломало ввод.

Заранее спасибо.

Answer 1

Это ваше change: function (e) { $('form').submit()}; делает это - кажется, что оно отправляет форму, как только вы измените ввод: см. Ниже код для решения.

РЕДАКТИРОВАТЬ: Op просит способ прослушать, чтобы отправить форму когда пользователь щелкает указанную дату c.

Вы можете сделать это, используя bootstrap события выбора даты

$('.datepicker').datepicker()
    .on('changeDate', function(e) {
        // `e` here contains the extra attributes
        if(e.date === yourDate) 
            $('form').submit()
    });

var today, datepicker;
  today = new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate());

  datepicker = $('#datepicker').datepicker({
    header: true, 
    uiLibrary: 'bootstrap4',
      format: 'yyyy-mm-dd',
      minDate: '2020-01-01',
      showRightIcon: true,
      iconsLibrary: 'fontawesome',
      maxDate: today
	});

    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://unpkg.com/gijgo@1.9.13/js/gijgo.min.js" type="text/javascript"></script>
    <link href="https://unpkg.com/gijgo@1.9.13/css/gijgo.min.css" rel="stylesheet" type="text/css" />
    
  <form action="" method="get" autocomplete="off">
    <input value="2020-02-01" id="datepicker" class="" width="276" name="date" />
  </form>