jedate日期插件使用

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>

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