jQuery仿阿里云年月日期区间选择特效

jQuery仿阿里云年月日期区间选择特效

一款不错的由jQuery自写的仿阿里云年月日期区间选择插件,日期范围选择js代码。默认可以设置“最小年月”和“最大年月”,修改参数:data-max-year="2066" data-min-year="2000"即可。

使用方法
在页面引入jquery.min.js、dateYMPicker.js文件

1
2
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/dateYMPicker.js" ></script>
1
2
3
4
5
6
7
8
9
10
11
<script>
  $('.calendar').dateYMRangPicker({
      onApplyHandler:function(startDate,endDate){
          console.log(startDate,endDate);
          var value = startDate + "-" + endDate;
          console.log(value);
          console.log(this);
          $(this).val(value);
      }
  });
</script>

文件信息:

    1

    发表评论