如何制作自定义jquery日历...............？

Question

我的网页上有一个显示日期的文本字段。它还包括框旁边的日历图标。现在，当我单击图标时，应在文本字段下方弹出日历。然后，当我点击一个日期时，它应该选择一个日期，当我选择第二个日期时，它应该选择一个范围并将范围输入到文本框中。当我双击任何一个日期时，那个日期只能被选中。选择范围，然后日历上的范围应标记为从第1个日期开始到第2个日期的红线。我怎么能这样做？

这是我的文字字段：

Date: <input type="text" id="datepickerr" value="2016-08-26"></p>
 <img src="CalendarIcon.png" id="cal">

Answer 1

试试这个

daterangepicker

使用起来非常简单

<input type="text" name="daterange" value="01/01/2015 - 01/31/2015" />

<script type="text/javascript">
$(function() {
    $('input[name="daterange"]').daterangepicker();
});
</script>