Javascript date picker multiple select

Question

Я новичок в использовании JavaScript, поэтому я действительно не знаю, как создать поле ввода datepicker, которое позволит вам выбрать несколько. Я сделал некоторые поиски, но не могу найти решение, связанное с моим делом. Не могли бы вы мне помочь? Большое вам спасибо =)

Это то, что я пытался до сих пор

<script type="text/javascript" language="javascript"> 
    function pageLoad(sender, args) { 
     $(document).ready(function() { 
      $("#<%=datepicker.ClientID %>").datepicker(); 
      $(".ui-datepicker-trigger").mouseover(function() { 
       $(this).css('cursor', 'pointer'); 
      }); 
     }); 
    } 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 

<input type = "text" id = "datepicker"> 

Это работает только в один выбор. Я хочу сделать, чтобы выбрать несколько дат. Благодаря!

Answer 1

Для решения вашей проблемы вы можете использовать плагин jQuery MultiDatePicker. Вот демонстрационный код для использования MultiDatePicker:

Вам просто нужно включить сценарий и стиль, необходимый для MultiDatePicker плагина:

<link rel="stylesheet" type="text/css" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"/> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"/> 
    <script src="http://multidatespickr.sourceforge.net/jquery-ui.multidatespicker.js"/> 

    <input id="datePick" type="text"/> 
    <script> 
    $('#datePick').multiDatesPicker(); 
    </script> 

Вот живой demo

Если вы нашли какую-либо ошибку, используя этот плагин вы можете сообщить об этом here