Question

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

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

有人可以举一个如何实施的例子吗？我想在那里使用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）加载multidatepicker

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

中添加几个选项

多日期选择器

1 个答案: