当页面中有多个datepicker时，如何定位bootstrap datepicker自己的'.datepicker-dropdown'。？（无容器选项）

Question

在我的项目-这是一个应用程序中，我有多个datepicker，即2.0版。 我的客户希望我通过显示日历顶部的日期来自定义日期选择器，因此我做了一些调整，它在一个日期选择器上运行该页面，但是在一个页面上涉及多个日期选择器时则是另一回事了。如下。

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

我想我找到了答案。

我稍微修改了代码并添加了moment.js ，现在它在我的应用程序中都可以正常使用。

$(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 = '';
              elem = $(this)
            if ($('.datepicker-dropdown').find('.new-date-wrap').length <= 0) {
                    $('.datepicker-dropdown').prepend('<div class="row-fluid new-date-wrap"><div class="row-fluid custom-year-pic-view"><span></span></div><div class="row-fluid custom-day-pic-view"><span></span></div></div>');
            }
            if ($(elem).val() == '') {
                    cPicVal = (moment(today).format('ddd, MMM DD'));
                    yPicVal = (moment(today).format('YYYY'));
            } else {
                    cPicVal = (moment($(elem).val()).format('ddd, MMM DD'));
                    yPicVal = (moment($(elem).val()).format('YYYY'));
            }
            $('.custom-day-pic-view').find('span').text(cPicVal);
            $('.custom-year-pic-view').find('span').text(yPicVal);
});