选择日期后日期选择器不隐藏

Question

我想做的是当我 select 来自日期选择器的年份时，需要关闭选择器。

以下是我实现的代码段。

 $('.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: Unexpected token (

谁能帮我解决这个问题？谢谢

Answer 1

试试这个方法..

$(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>

Answer 2

您的问题可能与您在此处混合了两个阶段有关：日期选择器的初始化(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');
})

请详细阅读文档以更好地理解其工作原理。

选择日期后日期选择器不隐藏

Datepicker doesn't hide after selecting date

jquery

datetime

datepicker

jquery-ui-datepicker