时间戳

首页 > 解决方案 > 是否有可能通过 Ajax 在下拉列表中添加自定义年份？

jquery - 是否有可能通过 Ajax 在下拉列表中添加自定义年份？

问题描述

我正在尝试以如下间隔添加海关年份： [2010, 2012, 2015, 2019] 到此 Daterangepicker 插件的年份下拉列表中。

http://www.daterangepicker.com/

在我的 ajax 请求响应后，我尝试将年份添加到选择下拉列表中，但我认为必须有另一个更好的解决方案。

if(res.status == true){
                    $('body select.yearselect').html('');
                    $.each(res.data, function(index, value){
                        console.log(index); //[2010,2012,2016,2019]
                        $('body select.yearselect').append('<option value="'+index+'">'+index+'</option>');
                    });
                 }

但是直接添加到 HTML 下拉列表不是一个好的解决方案，因为插入的年份月份不正确。出于这个原因，我认为插件内部必须有一个解决方案，但我没有找到可以自动更改年份下拉列表的任何内容。

标签： jquerydatedatetimepicker

解决方案

我回答我自己的问题。：这个解决方案对我有用，如果有人找到另一个更好的解决方案，请告诉我！

$('#demo').on('show.daterangepicker', function(ev, picker) {
          //do something, like clearing an input
           //$('select.yearselect').html('');
           console.log('show calendar');
           var years = [2011,2012,2014,2017,2019];
            $('.yearselect').empty();
           $.each(years, function(index, value){
             $('.yearselect').append('<option value="'+value+'">'+value+'</option>');
           });

        });

推荐阅读