如何製作自定義jquery日曆...............？

Question

我在我的網頁上有一個顯示日期的文本字段。其中還包括框旁邊的日曆圖標。現在，當我點擊圖標時，日曆應該在文本字段下彈出。然後，當我點擊一個日期時，它應該選擇一個日期，當我選擇第二個日期，它應該選擇一個範圍，並輸入範圍到文本框。當我雙擊任何一個日期，那個日期只被選中。當一個範圍被選中，那麼日曆上的範圍應該從第一個日期開始標記爲紅線，並在第二個日期結束。我怎樣才能做到這一點？

這是我的文本字段：

Date: <input type="text" id="datepickerr" value="2016-08-26"></p> 
<img src="CalendarIcon.png" id="cal"> 

Answer 1

試試這個

daterangepicker

其使用

<input type="text" name="daterange" value="01/01/2015 - 01/31/2015" /> 

<script type="text/javascript"> 
$(function() { 
    $('input[name="daterange"]').daterangepicker(); 
}); 
</script>