jedate日期插件使用

5 篇文章 0 订阅

jedate的官网地址jedate : http://www.jemui.com/uidoc/jedate.html


以下用的jQuery的.还有vue的方法:

 /*绑定节点*/
    var startData = $("#startData"),
        endData = $("#endData");

    var start = {
        format: 'YYYY-MM-DD',
        isinitVal:false,
        onClose:false,
        isTime:false,
        maxDate: $.nowDate({DD:0},'YYYY-MM-DD'), //最大日期
        okfun: function(obj){
            end.minDate = obj.val; //开始日选好后,重置结束日的最小日期
            endDates();
        }
    };
    var end = {
        format: 'YYYY-MM-DD',
        isinitVal:false,
        onClose:false,
        isTime:false,
        // minDate: startData.val(), //设定最小日期为当前日期
        maxDate: $.nowDate({DD:0},'YYYY-MM-DD'),        //最大日期
        okfun: function(obj){
            start.maxDate = obj.val; //将结束日的初始值设定为开始日的最大日期
        }
    };

//这里是日期联动的关键
    function endDates() {
        //将结束日期的事件改成 false 即可
        end.trigger = false;
        endData.jeDate(end);
    }

    /*运行*/
    startData.jeDate(start);
    endData.jeDate(end);


这里是vue调用发放

//VUE方法调用,
    <div class="choosejedate row col-md-12 text-center" id="choosejedate">
        <span >请选择年月</span>
        <input id="vueymd" type="text" placeholder="YYYY年MM月DD日 hh:mm:ss" readonly>
    </div>
    
    <script>
        var app = new Vue({
            el: '#choosejedate',
            methods:function() {
                this.mounted()
            },
            mounted:function(){
                $.jeDate("#vueymd",{
                    format: "YYYY-MM-DD hh:mm:ss",
                    festival:true,
                })
            }
        })
    </script>
    
    <style scoped>
        .choosejedate{margin:0;}
        .choosejedate input{ height: 40px;}
    </style>


具体参数配置,在文档中有详细说明!






评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值