Datepicker не скрывается после выбора даты - PullRequest
Новая
       7

Datepicker не скрывается после выбора даты

0 голосов
/ 10 октября 2018

То, что я хочу сделать, - это когда я выбираю год из средства выбора даты, средство выбора должно быть закрыто.

Ниже приведен сегмент кода, который я реализовал.

 $('.bootstrap-tagsinput input[type="text"]').datepicker().on('changeDate', function()({
            minViewMode: 2,
            format: 'yyyy',
            endDate: '+0y',
            startDate: '2016',
            $(this).datepicker('hide');
            onSelect: function(dateText) {
            $('#yearPicker').tagsinput('add', dateText); 

          }
        });

Это дает мне консольную ошибку с именем

Uncaught SyntaxError: Неожиданный токен (

Может кто-нибудь мне помочьчтобы решить это? Спасибо.

Ответы [ 2 ]

0 голосов
/ 10 октября 2018

Ваша проблема, вероятно, связана с тем, что вы смешиваете здесь две фазы: инициализацию DatePicker (1) и прослушиватель событий, добавленный к нему (2).'ChangeDate' - это событие.

(1) вам нужно инициализировать свой указатель даты 

$('.bootstrap-tagsinput input[type="text"]').datepicker({
        minViewMode: 2,
        format: 'yyyy',
        endDate: '+0y',
        startDate: '2016',
        onSelect: function(dateText) {
           $('#yearPicker').tagsinput('add', dateText); 
      }
    });

(2) эта часть может быть бесполезной,поскольку средство выбора даты должно закрываться по умолчанию при выборе даты 

$('.bootstrap-tagsinput input[type="text"]').on('changeDate', function(){
    $(this).datepicker('hide');
})

Пожалуйста, ознакомьтесь с документацией в деталях, чтобы лучше понять, как это работает.

0 голосов
/ 10 октября 2018

Попробуйте вот так .. 

$(document).ready(function () {

    $('#example1').datepicker({
        format: "yyyy",
        autoclose: true
    });
    
    $('#example2').datepicker({
        format: "yyyy"
    }).on('change', function () {
        $('.datepicker').hide();
    });
});
<div class="container">
    <div class="hero-unit">
        <input type="text" placeholder="Sample 1: Click to show datepicker" id="example1">
    </div>
    <div class="hero-unit">
        <input type="text" placeholder="Sample 2: Click to show datepicker" id="example2">
    </div>
</div>
<script rel="javascript" type="text/javascript" href="js/jquery-1.11.3.min.js"></script>
...