如何在頁面中有多個日期選擇器時將自己的日期選擇器作爲自己的「.datepicker-dropdown」的目標。（不帶容器選項）

在我的項目 - 這是一個應用程序，我有多個日期選擇器是2.0版。我的客戶希望我通過顯示日曆頂部的日期來定製我的日期選擇器，所以我做了一些調整，它使用一個日期選擇器在頁面上工作，但是當涉及到一個頁面上的多個datepicekers時，它是另一個故事。如下。如何在頁面中有多個日期選擇器時將自己的日期選擇器作爲自己的「.datepicker-dropdown」的目標。（不帶容器選項）

$(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方法，三江源乾杯..

來源

2017-07-03 weBBer

您是否簡單地在事件處理程序中使用'$（this）'嘗試了......？ – CBroe

@CBroe我也嘗試過，但我得到一個錯誤 - '未捕獲的TypeError：無法讀取屬性undefined'toLowerCase' – weBBer

嘗試並記錄傳遞給處理函數的事件對象到控制檯，並查看它是否引用datepicker實例不知何故。 – CBroe

我想我找到了答案。

我改了一下我的代碼並添加了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); 
});

來源

2017-07-04 08:03:24 weBBer

如何在頁面中有多個日期選擇器時將自己的日期選擇器作爲自己的「.datepicker-dropdown」的目標。（不帶容器選項）

回答

相關問題