jquery - 多日期选择器

Question

我是这里的新手，目前正在开发一个 webApp。我想在我的应用程序上有一个多日期选择器功能。

我搜索了几个多日期选择器插件，我想这个是最好的，因为它的功能符合我的要求，但现在我很难在我的应用程序上实现它。

有人可以给我一个如何实施的例子吗？我想在那里使用 from 输入样式。

Answer 1

按照这个步骤来实现它

1) 下载 multidatepicker 的 fullpakage
2) 根据以下链接 javascript 到您的页面

<!-- loads jquery and jquery ui -->
    <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="js/jquery.ui.core.js"></script>
    <script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>

3）加载多日期选择器

<!-- loads mdp -->
<script type="text/javascript" src="jquery-ui.multidatespicker.js"></script>

4) 链接样式表

<link rel="stylesheet" type="text/css" href="css/mdp.css">
   <link rel="stylesheet" type="text/css" href="css/prettify.css">

5）链接其他需要的JS

<script type="text/javascript" src="js/prettify.js"></script>
<script type="text/javascript" src="js/lang-css.js"></script>

6）你的输入标签

<input type="text" value="" id="from-input" class="">

7）javascirpt

<script type="text/javascript">
   $('#from-input').multiDatesPicker();
</script>

您可以根据MDP中的要求添加几个选项