Question

在我的项目中 - 这是一个应用程序，我有多个日期选择器，它是2.0版。我的客户希望我通过显示日历顶部的日期来自定义我的日期选择器，所以我做了一些调整，它正在使用一个日期选择器的页面上工作但是当涉及到一个页面上的多个datepicekers时它是另一个故事。我的代码是如下。

$(elem).datepicker(options);
  //Customized Datepicker Plugin 03/07/2017
  //Author - Jithin Raj
  var date = new Date();
  var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
      $(elem).on('show', function() {
        var cPicVal = '',
            yPicVal = '';
            if ($('.datepicker-dropdown').find('.new-date-wrap').length <= 0) {
                    $('.datepicker-dropdown').prepend('<div class="new-date-wrap"><div class="custom-year-pic-view"><span></span></div><div class="custom-day-pic-view"><span></span></div></div>');
            }
            if ($(elem).val() == '') {
                    cPicVal = (Date.parse(today).toString('ddd, MMM dd'));
                    yPicVal = (Date.parse(today).toString('yyyy'));
            } else {
                    cPicVal = (Date.parse($(elem).val()).toString('ddd, MMM dd'));
                    yPicVal = (Date.parse($(elem).val()).toString('yyyy'));
            }
            $('.custom-day-pic-view').find('span').text(cPicVal);
            $('.custom-year-pic-view').find('span').text(yPicVal);
     });
});

任何人都可以建议我另一种完整的方法，谢谢你干杯......

Answer 1

我想我找到了答案。

我稍微更改了我的代码并添加了const canvas = document.createElement('canvas'); canvas.style.cursor = 'none'; document.body.appendChild(canvas);，现在它正在我的应用程序上运行。

moment.js

当页面中有多个日期选择器时，如何将bootstrap datepicker定位为自己的'.datepicker-dropdown'。（不带容器选项）

1 个答案: