vue-bootstrap-datetimepicker - npm Package Compare versions

Comparing version 2.4.2 to 2.4.3

CHANGELOG.md

 # Changelog
 
+## [2.4.3](https://github.com/ankurk91/vue-bootstrap-datetimepicker/compare/2.4.2...2.4.3)
+- Fix: stopped working in non module environment, [#1](https://github.com/ankurk91/vue-bootstrap-datetimepicker/issues/1)
+
 ## [2.4.1](https://github.com/ankurk91/vue-bootstrap-datetimepicker/compare/2.4.0...2.4.1)
@@ -4,0 +7,0 @@ - Fix: set `dp` to `null` upon destroy

dist/vue-bootstrap-datetimepicker.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("eonasdan-bootstrap-datetimepicker"),require("jquery"),require("moment")):"function"==typeof define&&define.amd?define(["eonasdan-bootstrap-datetimepicker","jquery","moment"],t):"object"==typeof exports?exports.VueBootstrapDatetimePicker=t(require("eonasdan-bootstrap-datetimepicker"),require("jquery"),require("moment")):e.VueBootstrapDatetimePicker=t(e["eonasdan-bootstrap-datetimepicker"],e.jquery,e.moment)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=2)}([function(e,t,n){var r=n(3)(n(1),n(4),null,null,null);e.exports=r.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(6),o=n.n(r),i=n(7),a=n.n(i),u=n(5);n.n(u);t.default={props:{value:{default:null,required:!0,validator:function(e){return null===e||e instanceof Date||"string"==typeof e||e instanceof String||e instanceof a.a}},config:{type:Object,default:function(){return{}}},placeholder:{type:String,default:""},inputClass:{type:[String,Object],default:""},name:{type:String,default:"datetime"},required:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},wrap:{type:Boolean,default:!1},id:{type:String}},data:function(){return{dp:null}},mounted:function(){if(!this.dp){var e=this.wrap?this.$el.parentNode:this.$el,t=o()(e);t.datetimepicker(this.config),this.dp=t.data("DateTimePicker"),this.dp.date(this.value),t.on("dp.change",this.onChange)}},beforeDestroy:function(){this.dp&&(this.dp.destroy(),this.dp=null)},watch:{value:function(e){this.dp&&this.dp.date(e)},config:function(e){this.dp&&this.dp.options(Object.assign(this.dp.options(),e))}},methods:{onChange:function(e){this.$emit("input",e.date)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"DatetimePickerPlugin",function(){return i});var r=n(0),o=n.n(r);n.d(t,"component",function(){return o.a});var i={install:function(e,t){e.component("date-picker",o.a)}};o.a.install=i.install,t.default=o.a},function(e,t){e.exports=function(e,t,n,r,o){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),r&&(s._scopeId=r);var d;if(o?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},s._ssrRegister=d):n&&(d=n),d){var p=s.functional,c=p?s.render:s.beforeCreate;p?s.render=function(e,t){return d.call(t),c(e,t)}:s.beforeCreate=c?[].concat(c,d):[d]}return{esModule:i,exports:a,options:s}}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("input",{staticClass:"form-control input",class:e.inputClass,attrs:{type:"text",id:e.id,name:e.name,placeholder:e.placeholder,required:e.required,readOnly:e.readOnly,disabled:e.disabled}})},staticRenderFns:[]}},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("eonasdan-bootstrap-datetimepicker"),require("jquery"),require("moment")):"function"==typeof define&&define.amd?define(["eonasdan-bootstrap-datetimepicker","jquery","moment"],t):"object"==typeof exports?exports.VueBootstrapDatetimePicker=t(require("eonasdan-bootstrap-datetimepicker"),require("jquery"),require("moment")):e.VueBootstrapDatetimePicker=t(e["eonasdan-bootstrap-datetimepicker"],e.jquery,e.moment)}(this,function(e,t,n){return function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=2)}([function(e,t,n){var r=n(3)(n(1),n(4),null,null,null);e.exports=r.exports},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(5),o=(n.n(r),window.jQuery||n(6)),i=window.moment||n(7);t.default={props:{value:{default:null,required:!0,validator:function(e){return null===e||e instanceof Date||"string"==typeof e||e instanceof String||e instanceof i}},config:{type:Object,default:function(){return{}}},placeholder:{type:String,default:""},inputClass:{type:[String,Object],default:""},name:{type:String,default:"datetime"},required:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},wrap:{type:Boolean,default:!1},id:{type:String}},data:function(){return{dp:null}},mounted:function(){if(!this.dp){var e=this.wrap?this.$el.parentNode:this.$el,t=o(e);t.datetimepicker(this.config),this.dp=t.data("DateTimePicker"),this.dp.date(this.value),t.on("dp.change",this.onChange)}},beforeDestroy:function(){this.dp&&(this.dp.destroy(),this.dp=null)},watch:{value:function(e){this.dp&&this.dp.date(e)},config:function(e){this.dp&&this.dp.options(Object.assign(this.dp.options(),e))}},methods:{onChange:function(e){this.$emit("input",e.date)}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),n.d(t,"DatetimePickerPlugin",function(){return i});var r=n(0),o=n.n(r);n.d(t,"component",function(){return o.a});var i={install:function(e,t){e.component("date-picker",o.a)}};o.a.install=i.install,t.default=o.a},function(e,t){e.exports=function(e,t,n,r,o){var i,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(i=e,a=e.default);var s="function"==typeof a?a.options:a;t&&(s.render=t.render,s.staticRenderFns=t.staticRenderFns),r&&(s._scopeId=r);var d;if(o?(d=function(e){e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,e||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(o)},s._ssrRegister=d):n&&(d=n),d){var p=s.functional,c=p?s.render:s.beforeCreate;p?s.render=function(e,t){return d.call(t),c(e,t)}:s.beforeCreate=c?[].concat(c,d):[d]}return{esModule:i,exports:a,options:s}}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("input",{staticClass:"form-control input",class:e.inputClass,attrs:{type:"text",id:e.id,name:e.name,placeholder:e.placeholder,required:e.required,readOnly:e.readOnly,disabled:e.disabled}})},staticRenderFns:[]}},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n}])});

package.json

 {
   "name": "vue-bootstrap-datetimepicker",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "description": "Vue.js component for bootstrap-datetimepicker",
@@ -5,0 +5,0 @@ "main": "dist/vue-bootstrap-datetimepicker.min.js",

README.md

@@ -30,6 +30,6 @@ # Vue-Bootstrap-DatetimePicker
 ## Requirements
-* Vue.js ^2.0.0
+* Vue.js ^2.3.0
 * Bootstrap ^3.3.7 
-* jQuery >=1.8.3
-* [Moment.js](https://momentjs.com/) ^2.10
+* jQuery >=1.8.3 || ^3.2.1
+* [Moment.js](https://momentjs.com/) ^2.18
     
@@ -39,4 +39,8 @@ ## Usage
 <template>
-  <div>
-    <date-picker v-model="date"></date-picker>
+  <div class="container">
+    <div class="row">
+      <div class="col-md-12">
+        <date-picker v-model="date"></date-picker>
+      </div>
+    </div>
   </div>
@@ -48,4 +52,3 @@ </template>
   import moment from 'moment';
-  import jQuery from "jquery";
-  import 'bootstrap';
+  import jQuery from "jquery";  
   import 'bootstrap/dist/css/bootstrap.css';
@@ -76,2 +79,3 @@
   import datePicker from 'vue-bootstrap-datetimepicker';
+  import 'bootstrap/dist/css/bootstrap.css';
   import 'eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.css';
@@ -102,11 +106,12 @@ Vue.use(datePicker);
 <!-- Date-picker dependency-->
-<script src="jquery.min.js"></script>
-<script src="moment.min.js"></script>
-<script src="bootstrap.min.js"></script>
-<link href="bootstrap.min.css" rel="stylesheet">
+<script src="https://unpkg.com/jquery@3.2.1/dist/jquery.min.js"></script>
+<script src="https://unpkg.com/moment@2.18.1/min/moment.min.js"></script>
+<link href="https://unpkg.com/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
+
 <!-- Date-picker itself -->
-<script src="bootstrap-datetimepicker.min.js"></script>
-<link href="bootstrap-datetimepicker.min.css" rel="stylesheet">
+<script src="https://unpkg.com/eonasdan-bootstrap-datetimepicker@4.17.47/build/js/bootstrap-datetimepicker.min.js"></script>
+<link href="https://unpkg.com/eonasdan-bootstrap-datetimepicker@4.17.47/build/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
+
 <!-- Vue js -->
-<script src="vue.min.js"></script>
+<script src="https://unpkg.com/vue@2.4.1/dist/vue.min.js"></script>
 <!-- Lastly add this package -->
@@ -118,4 +123,8 @@ <script src="https://unpkg.com/vue-bootstrap-datetimepicker"></script>
 <!-- index.html -->
-<div id="app">  
-    <date-picker v-model="date"></date-picker> 
+<div id="app" class="container">
+  <div class="row">
+    <div class="col-md-12">
+      <date-picker v-model="date"></date-picker>
+    </div>
+  </div>
 </div>
@@ -137,3 +146,3 @@ <script>
 * Clone this repo
-* Make sure you have node-js >=6.10 and yarn >=0.27.x
+* Make sure you have node-js >=6.10 and [yarn](https://yarnpkg.com) >=0.27.x
 * Install dependencies
@@ -140,0 +149,0 @@ ``

No alert changes

Improved metrics

Total package byte prevSize

16556

increased by4.79%

Number of lines in readme file

159

increased by6%

No dependency changes