我如何使用带有年份和月份下拉选项的bootstrap datepicker,以及最小日期和最长日期

时间:2016-05-05 10:42:11

标签: twitter-bootstrap-3 datepicker calendar

我需要一个bootstrap datepicker,其中开始日期和enddate必须是可自定义的,如开始日期是01-01-1950,结束日期是todate-18年。其次,希望在日历顶部栏上显示下拉年份和月份,以便轻松使用而不是默认的引导程序日历。

为了您的参考,附上了一张现在正在使用的图像,没有引导程序。

enter image description here

感谢任何想法/链接。

2 个答案:

答案 0 :(得分:1)

你不能放下拉列表,但可以通过新的bootstrap版本以另一种方式实现相同的功能。 看看这个链接http://www.malot.fr/bootstrap-datetimepicker/

答案 1 :(得分:0)

<script>
  $(document).ready(function() {
    $('#date_deb').daterangepicker({locale: {format: 'DD/MM/YYYY'}, 
      showDropdowns: true,
      minDate: '01/01/2016',
      singleDatePicker: true,
      singleClasses: "picker_2"
    }, function(start, end, label) {
      console.log(start.toISOString(), end.toISOString(), label);
    });
  });
</script>