当页面中有多个日期选择器时，如何定位 bootstrap 日期选择器自己的“.datepicker-dropdown”？（没有容器选项）

Question

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

$(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);
     });
});

任何人都可以向我推荐另一种 fullprofe 方法，谢谢干杯..

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);
});

当页面中有多个日期选择器时，如何定位 bootstrap 日期选择器自己的“.datepicker-dropdown”？（没有容器选项）

How to target bootstrap datepicker's its own '.datepicker-dropdown' when there is multiple datepickers in a page.?(without container option)

javascript

jquery

date

datepicker

bootstrap-datepicker