(function () {

    function KdWtcDatePicker(paras) {
        this.$vue = null;
        this.domId = '#' + paras.model.dom.id;
        this.init(paras);
    }

    KdWtcDatePicker.prototype.init = function(paras){
        let $this = this;
        webpackJsonp([1], {

            /***/ "+BTi":
            /***/ (function (module, exports) {

// removed by extract-text-webpack-plugin

                /***/
            }),

            /***/ [paras.datePickerId]:
            /***/ (function (module, __webpack_exports__, __webpack_require__) {

                "use strict";
                Object.defineProperty(__webpack_exports__, "__esModule", {value: true});

// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/date-picker.css
                var date_picker = __webpack_require__("isgN");
                var date_picker_default = /*#__PURE__*/__webpack_require__.n(date_picker);

// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/base.css
                var base = __webpack_require__("+BTi");
                var base_default = /*#__PURE__*/__webpack_require__.n(base);

// EXTERNAL MODULE: ./node_modules/element-ui/lib/date-picker.js
                var lib_date_picker = __webpack_require__("tLa+");
                var lib_date_picker_default = /*#__PURE__*/__webpack_require__.n(lib_date_picker);

// EXTERNAL MODULE: ./node_modules/vue/dist/vue.esm.js
                var vue_esm = __webpack_require__("7+uW");

// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue

                /* harmony default export */
                var App = ({
                    data: function data() {
                        return {
                            value1: paras.dateValue,
                            pickerOptions: paras.pickerOptions
                            // pickerOptions: {
                            //     disabledDate: paras.disabledDateFunc,
                            //     shortcuts: [{
                            //         text: '本月',
                            //         onClick: function onClick(picker) {
                            //             picker.$emit('pick', [new Date(), new Date()]);
                            //         }
                            //     }, {
                            //         text: '今年至今',
                            //         onClick: function onClick(picker) {
                            //             var end = new Date();
                            //             var start = new Date(new Date().getFullYear(), 0);
                            //             picker.$emit('pick', [start, end]);
                            //         }
                            //     }, {
                            //         text: '最近六个月',
                            //         onClick: function onClick(picker) {
                            //             var end = new Date();
                            //             var start = new Date();
                            //             start.setMonth(start.getMonth() - 6);
                            //             picker.$emit('pick', [start, end]);
                            //         }
                            //     }]
                            // }
                        };
                    },

                    methods: {
                        dateSelect: function dateSelect(arrDate) {
                            this.$refs.datePicker.dateSelect(arrDate);
                        },
                        dateChange: function dateChange(arrDate) {
                            if(arrDate !== null){
                                paras.callback(arrDate);
                                console.log('发事件到后端，后端会更新汇总的数据');
                                // paras.model.invoke('eventName', arrDate);
                            }

                        },
                        dateBlur: function dateBlur(para) {
                            console.log(para);
                        },
                        dateFocus: function dateFocus(para) {
                            console.log(para);
                        }
                    }
                });
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-3c336fac","hasScoped":false,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue
                var render = function () {
                    var _vm = this;
                    var _h = _vm.$createElement;
                    var _c = _vm._self._c || _h;
                    return _c('div', {staticClass: "wtc_timeCard_date-picker"}, [_c('el-date-picker', {
                        ref: "datePicker",
                        attrs: {
                            "popper-class": $this.domId + "wtc_timeCard_date-picker-popper",
                            "type": "daterange",
                            "picker-options": _vm.pickerOptions,
                            "range-separator": "~",
                            "start-placeholder": "",
                            "end-placeholder": ""
                        },
                        on: {"change": _vm.dateChange, "blur": _vm.dateBlur, "focus": _vm.dateFocus},
                        model: {
                            value: (_vm.value1), callback: function ($$v) {
                                _vm.value1 = $$v
                            }, expression: "value1"
                        }
                    })], 1)
                }
                var staticRenderFns = []
                var esExports = {render: render, staticRenderFns: staticRenderFns}
                /* harmony default export */
                var selectortype_template_index_0_src_App = (esExports);
// CONCATENATED MODULE: ./src/App.vue
                var normalizeComponent = __webpack_require__("VU/8")
                /* script */


                /* template */

                /* template functional */
                var __vue_template_functional__ = false
                /* styles */
                var __vue_styles__ = null
                /* scopeId */
                var __vue_scopeId__ = null
                /* moduleIdentifier (server only) */
                var __vue_module_identifier__ = null
                var Component = normalizeComponent(
                    App,
                    selectortype_template_index_0_src_App,
                    __vue_template_functional__,
                    __vue_styles__,
                    __vue_scopeId__,
                    __vue_module_identifier__
                )

                /* harmony default export */
                var src_App = (Component.exports);

// EXTERNAL MODULE: ./node_modules/element-ui/lib/theme-chalk/index.css
                var theme_chalk = __webpack_require__("tvR6");
                var theme_chalk_default = /*#__PURE__*/__webpack_require__.n(theme_chalk);

// CONCATENATED MODULE: ./src/main.js


// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.


                vue_esm["default"].use(lib_date_picker_default.a);

                vue_esm["default"].config.productionTip = false;

                /* eslint-disable no-new */
                $this.$vue = new vue_esm["default"]({
                    el: $this.domId + ' .wtc_timeCard_date-picker',
                    components: {App: src_App},
                    template: '<App/>'
                });

                /***/
            }),

            /***/ "isgN":
            /***/ (function (module, exports) {

// removed by extract-text-webpack-plugin

                /***/
            }),

            /***/ "tvR6":
            /***/ (function (module, exports) {

// removed by extract-text-webpack-plugin

                /***/
            })

        }, [paras.datePickerId], paras);
    };

    window.KdWtcDatePicker = KdWtcDatePicker;
})();
