多日期选择器

Question

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

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

谁能给我一个例子来说明它是如何实现的？我想在那里使用 from 输入样式。

Answer 1

按照这个步骤来实现它

1) 下载完整的多日期选择器
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) 脚本

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

您可以根据自己的要求在 MDP

中添加几个选项