lukewilson-vue-bootstrap-datetimepicker
Version:
Vue.js component for bootstrap-datetimepicker modified by luke-wilson
1 lines • 3.09 kB
JavaScript
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("moment"),require("jquery"),require("lukewilson-bootstrap-datetimepicker")):"function"==typeof define&&define.amd?define("VueBootstrapDatetimePicker",["moment","jquery","lukewilson-bootstrap-datetimepicker"],t):"object"==typeof exports?exports.VueBootstrapDatetimePicker=t(require("moment"),require("jquery"),require("lukewilson-bootstrap-datetimepicker")):e.VueBootstrapDatetimePicker=t(e.moment,e.jQuery,e["lukewilson-bootstrap-datetimepicker"])}(window,function(e,t,n){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";n.r(t);var r=n(1),i=n.n(r),o=n(0),u=n.n(o),a=(n(3),["hide","show","change","error","update"]),s=function(e,t,n,r,i,o,u,a){var s,c="function"==typeof e?e.options:e;if(t&&(c.render=t,c.staticRenderFns=[],c._compiled=!0),s)if(c.functional){c._injectStyles=s;var p=c.render;c.render=function(e,t){return s.call(t),p(e,t)}}else{var l=c.beforeCreate;c.beforeCreate=l?[].concat(l,s):[s]}return{exports:e,options:c}}({name:"date-picker",props:{value:{default:null,required:!0,validator:function(e){return null===e||e instanceof Date||"string"==typeof e||e instanceof String||e instanceof u.a}},config:{type:Object,default:function(){return{}}},wrap:{type:Boolean,default:!1}},data:function(){return{dp:null,elem:null}},mounted:function(){this.dp||(this.elem=i()(this.wrap?this.$el.parentNode:this.$el),this.elem.datetimepicker(this.config),this.dp=this.elem.data("DateTimePicker"),this.dp.date(this.value),this.elem.on("dp.change",this.onChange),this.registerEvents())},watch:{value:function(e){this.dp&&this.dp.date(e||null)},config:{deep:!0,handler:function(e){this.dp&&this.dp.options(e)}}},methods:{onChange:function(e){var t=e.date?e.date.format(this.dp.format()):null;this.$emit("input",t)},registerEvents:function(){var e=this;a.forEach(function(t){e.elem.on("dp."+t,function(){for(var n=arguments.length,r=Array(n),i=0;i<n;i++)r[i]=arguments[i];e.$emit.apply(e,["dp-"+t].concat(r))})})}},beforeDestroy:function(){this.dp&&(this.dp.destroy(),this.dp=null,this.elem=null)}},function(){var e=this.$createElement,t=this._self._c||e;return this.config.inline?t("div",{staticClass:"datetimepicker-inline"}):t("input",{staticClass:"form-control",attrs:{type:"text"}})}).exports;n.d(t,"DatetimePickerPlugin",function(){return c}),n.d(t,"component",function(){return s});var c=function(e,t){var n="date-picker";"string"==typeof t&&(n=t),e.component(n,s)};s.install=c,t.default=s},function(e,t){e.exports=n}])});