时间区间选择插件daterangepicker
时间区间选择插件daterangepicker
沉淀岁月 发表于3个月前
时间区间选择插件daterangepicker
  • 发表于 3个月前
  • 阅读 5
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

http://www.daterangepicker.com/

$('#createtime').daterangepicker({

                "startDate": "2017/08/01",

                "endDate": '{{date("Y/m/d")}}',

                minDate: '2017/08/01',

                maxDate: '{{date("Y/m/d",strtotime("+1 day"))}}',

                opens : 'right', //日期选择框的弹出位置

                buttonClasses : [ 'btn btn-default' ],

                applyClass : 'btn-small btn-success',

                cancelClass : 'btn-small',

                format : 'YYYY-MM-DD', //控件中from和to 显示的日期格式

                separator : '至',

                showDropdowns: true,//这个才是关键,开启后可以单独选择年月

                locale : {

                    applyLabel : '确定',

                    cancelLabel : '取消',

                    fromLabel : '起始时间',

                    toLabel : '结束时间',

                    customRangeLabel : '自定义',

                    daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],

                    monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',

                        '七月', '八月', '九月', '十月', '十一月', '十二月' ],

                    firstDay : 1

                }}, function(start, end, label) {

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

            });

共有 人打赏支持
粉丝 25
博文 228
码字总数 82285
评论 (0)
×
沉淀岁月
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: