双日历选择器

<fieldset>

     <div class="control-group">

       <div class="controls">

  <div class="input-prepend input-group">

< input type="text" readonly style="width: 200px" name="reservation" id="reservation" class="form-control" value="2014-5-21 - 2014-6-21" />

</div>

</div>

</div>

</fieldset>

<script type="text/javascript">

$(document).ready(function() {

        $('#reservation').daterangepicker(null, function(start, end, label) {

            console.log(start.toISOString(), end.toISOString(), label);

        });

    });

</script>

moment.js

 daterangepicker.js

 bootstrap.min.js

 bootstrap.min.css

 awesome.css 

daterangepicker-bs3.css