首页 > Web开发 > 详细

JS组件 daterangepicker

时间:2020-05-08 11:03:49      阅读:47      评论:0      收藏:0      [点我收藏+]

1.引用

<div>
<div class="input-group" style="width: 300px;">
<span class="input-group-addon">日期范围</span>
<input id="rangePicker" type="text" class="form-control">
</div>
</div>


<script src="{% static ‘plugin/daterangepicker/moment.min.js‘ %}"></script> <script src="{% static ‘plugin/daterangepicker/daterangepicker.js‘ %}"></script>

2.初始化

function initDateRangePicker(){
    //设置为中文 var options
= { maxDate: moment(), alwaysShowCalendars: true, showWeekNumbers: true, ranges: { 今天: [moment(), moment()], 昨天: [moment().subtract(1, days), moment().subtract(1, days)], 最近7天: [moment().subtract(6, days), moment()], 最近30天: [moment().subtract(29, days), moment()], 本月: [moment().startOf(month), moment().endOf(month)] }, locale: { format: YYYY-MM-DD, separator: , applyLabel: 确定, cancelLabel: 取消, fromLabel: 开始, toLabel: 结束, customRangeLabel: 自定义, weekLabel: W, daysOfWeek: [, , , , , , ], monthNames: [一月, 二月, 三月, 四月, 五月, 六月, 七月, 八月, 九月, 十月, 十一月, 十二月], firstDay: 1 } };
        //选择input标签 并初始化 $(
#rangePicker).daterangepicker(options, function (start, end, label) { // 选择了时间之后,函数自动被触发。 priority(start.format(YYYY-MM-DD), end.add(1, days).format(YYYY-MM-DD)); projectUser(start.format(YYYY-MM-DD), end.add(1, days).format(YYYY-MM-DD)); }); }

 

JS组件 daterangepicker

原文:https://www.cnblogs.com/hude/p/12848971.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!