Javascript date picker multiple select

我是一個使用JavaScript的新手，所以我真的不知道如何創建一個允許多選的日期選擇器輸入字段。我做了一些搜索，但找不到與我的案例有關的解決方案。你能幫我麼？非常感謝你=）Javascript date picker multiple select

這是我試過到目前爲止

<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">

這在只有一個選擇工作。我想要做的是能夠選擇多個日期。謝謝！

來源

2014-11-25 x' tian

你試過尋找jquery datepicker？ – 2014-11-25 07:58:23

@AkshayKhandelwal任何將與多個選擇將提出datepicker將做= = – 2014-11-25 07:59:54

你到目前爲止嘗試了什麼？你有沒有任何代碼？在這裏可以幫助你解決問題而不是做作業 – Stefan 2014-11-25 08:00:46

你可以使用MultiDatePicker一個jQuery插件來解決你的問題。下面是使用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

來源

2014-11-25 08:05:17 Aminul

Javascript date picker multiple select

回答

相關問題