2013-06-11 542 views
3

我有以下代碼與簡單的datepicker; 當我點擊選擇器顯示的按鈕。按鈕單擊打開multidatespicker

我需要這個了multidatespicker是工作:

簡單的日期選擇器的JS腳本。

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#date').datepicker(); 
    $('#btnRepercute').click(function() { 
      $('#date').datepicker('show'); 
     }); 
    }); 
    </script> 

HTML輸入字段。

<input type="button" value="Répercuter" class="button" id="btnRepercute"/> 
<input type="text" id="date" class="hidden" /> 

嘗試到目前爲止與multidatespicker

$('#date').multiDatesPicker(); 
$('#btnRepercute').click(function() { 
     $('#date').multiDatesPicker(); 
}); 

什麼也沒有發生,在控制檯中沒有錯誤。 在此先感謝您的幫助!

+0

什麼multiDatesPicker?如果它是一個插件,你可能想鏈接到源代碼。 – j08691

+0

這是一個簡單的多日期選擇器:http://multidatespickr.sourceforge.net/ – BYU

回答

3

首先,你需要註銷datepicker事件,然後裝上multiDatesPicker事件,之後焦點的元素

$('#btnRepercute').click(function() { 

    $("#date").datepicker("destroy"); 
$('#date').multiDatesPicker(); 
$('#date').focus(); 
}); 

希望它工作正常

+1

絕對完美,非常感謝 – BYU