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

您可以使用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

Javascript日期选择器多选

1 个答案: