如何將daterangepicker設置爲僅有年份

我一直在爲我的UI使用AdminLTE引導程序。它已經配備了datepicker和daterangepicker插件。我一直在尋找答案，如何設置datarangepicker只顯示年，但到目前爲止，我只會遇到將datepicker設置爲我想要的格式。我試着使用datepicker的解決方案來設置我的daterangepicker只有幾年，但它沒有爲我鍛鍊。我怎樣才能做到這一點？我不想使用日期選擇器，因爲它只選擇與daterangepicker相比的單個日期，這使我可以一次選擇兩個日期。如何將daterangepicker設置爲僅有年份

這是我試過的datepicker解決方案。它僅適用於日期選擇，但不是在daterangepicker：

$('#reservation').datepicker({ 
    format: "yyyy", 
    autoclose: true, 
    minViewMode: "years"});

我想包括這在我的daterangepicker，但什麼都沒有發生：

$('#reservation').daterangepicker({ 
    format: "yyyy", 
    autoclose: true, 
    minViewMode: "years"});

這裏是我的daterangepicker是什麼樣子目前：

以下是我希望我的daterrangepicker有點像（從datepicker取得）：

來源

2016-10-15 Marielle Lapidario

你從一年到一年希望 –

「*我嘗試使用datepicker的解決方案將daterangepicker設置爲只有幾年，但它沒有[w ork]給我。*「 - 那是什麼解決方案？請顯示那些不起作用的代碼，這樣我們可以*看到*您嘗試過的內容，或許可以發現代碼中的其他錯誤，這可能是導致它無法正常工作的原因。順便說一句，你期望代碼做什麼，它做錯了什麼？我們可以從這個問題中猜出你的意思，但是對於期望和結果要清楚明確地說明會更好。 –

很抱歉。我編輯了我的問題，包括解決方案。我試圖首先包含鏈接，但是stackoverflow並沒有給我特權。 –

這裏是我找到的最好辦法 - >link

使用自舉日期選擇器WHIS驗證碼：

$('#education-range input').each(function() { 
 
     $(this).datepicker({ 
 
      autoclose: true, 
 
      format: " yyyy", 
 
      viewMode: "years", 
 
      minViewMode: "years" 
 
     }); 
 
     $(this).datepicker('clearDates'); 
 
    });

<link href="https://adminlte.io/themes/AdminLTE/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css" rel="stylesheet"/> 
 
<link href="https://adminlte.io/themes/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<script src="https://adminlte.io/themes/AdminLTE/bower_components/jquery/dist/jquery.min.js"></script> 
 
<script src="https://adminlte.io/themes/AdminLTE/bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script> 
 
<script src="https://adminlte.io/themes/AdminLTE/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
 

 
<div class="input-group input-daterange" id="education-range"> 
 
           <input type="text" class="form-control" value="2012-04-05"> 
 
           <div class="input-group-addon">to</div> 
 
           <input type="text" class="form-control" value="2012-04-19"> 
 
</div>

來源

2018-02-19 13:59:58

如何將daterangepicker設置爲僅有年份

回答

相關問題