vue-bootstrap-datetimepicker - npm Package Compare versions

Comparing version 1.1.0 to 1.2.0

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")):"function"==typeof define&&define.amd?define(["eonasdan-bootstrap-datetimepicker","jquery"],t):"object"==typeof exports?exports.VueBootstrapDatetimePicker=t(require("eonasdan-bootstrap-datetimepicker"),require("jquery")):e.VueBootstrapDatetimePicker=t(e["eonasdan-bootstrap-datetimepicker"],e.jquery)}(this,function(e,t){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);n.n(r);window.jQuery=n(6),t.default={props:{value:{default:null,required:!0},config:{type:Object,default:function(){return{}}},placeholder:{type:String,default:"Pick a date"},inputClass:{type:[String,Object],default:""},inputName:{type:String,default:"datetime"},required:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},wrap:{type:Boolean,default:!1}},data:function(){return{dp:null}},mounted:function(){if(!this.dp){var e=this.wrap?this.$el.parentNode:this.$el,t=jQuery(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()},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});var r=n(0),o=n.n(r);n.d(t,"component",function(){return o.a}),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",name:e.inputName,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){"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);window.$=window.jQuery=o.a,window.moment=a.a,t.default={props:{value:{default:null,required:!0,validator:function(e){return null===e||e instanceof Date||"string"==typeof e||e instanceof a.a}},config:{type:Object,default:function(){return{}}},placeholder:{type:String,default:"Pick a date"},inputClass:{type:[String,Object],default:""},inputName:{type:String,default:"datetime"},required:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},wrap:{type:Boolean,default:!1}},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()},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});var r=n(0),o=n.n(r);n.d(t,"component",function(){return o.a}),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",name:e.inputName,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": "1.1.0",
+  "version": "1.2.0",
   "description": "Vue.js component for bootstrap-datetimepicker",
@@ -15,3 +15,4 @@ "main": "dist/vue-bootstrap-datetimepicker.min.js",
     "vue-bootstrap-datetimepicker",
-    "datepicker"
+    "datepicker",
+    "timepicker"
   ],
@@ -18,0 +19,0 @@ "author": "ankurk91",

README.md

@@ -30,5 +30,5 @@ # Vue-Bootstrap-DatetimePicker
 * Vue.js ^2.0.0
-* Bootstrap ^3.3.7 (optional if you include standalone css)
-* jQuery  >=1.8.3
-* Moment.js  ^2.10
+* Bootstrap ^3.3.7 
+* jQuery >=1.8.3
+* Moment.js ^2.10
     
@@ -45,4 +45,4 @@ ## Example
   // Import required dependencies
-  import 'moment';
-  window.$ = window.jQuery = require('jquery');
+  import moment from 'moment';
+  import jQuery from "jquery";
   import 'bootstrap';
@@ -68,2 +68,36 @@ import datePicker from 'vue-bootstrap-datetimepicker';
 
+## Install in non-module environments (without webpack)
+* Acquire required files
+```html
+<!-- 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">
+<!-- Date-picker itself -->
+<script src="bootstrap-datetimepicker.min.js"></script>
+<link href="bootstrap-datetimepicker.min.css" rel="stylesheet">
+<!-- Vue js -->
+<script src="vue.min.js"></script>
+<!-- Lastly add this package -->
+<script src="https://unpkg.com/vue-bootstrap-datetimepicker"></script>
+```
+* Use the component anywhere in your app like this
+```html
+<main id="app">  
+    <date-picker v-model="date"></date-picker> 
+</main>
+<script>
+  //Initialize as global component
+  Vue.component('date-picker', VueBootstrapDatetimePicker.default);
+  
+  new Vue({
+    el: '#app',
+    data: {
+      date: null
+    },    
+  });
+</script>
+```
+
 ## Props
@@ -74,3 +108,3 @@ The component accepts these props
 | :---         |  :---:     | :---:              | :---            |
-| v-model      |  Yes       | String / Date Object / [moment](https://momentjs.com/)/ null | Set or Get date-picker value |
+| v-model      |  Yes       | String / Date Object / [moment](https://momentjs.com/) / null | Set or Get date-picker value |
 | config       |  No        | Object             | Datetime picker configuration [options](http://eonasdan.github.io/bootstrap-datetimepicker/Options/)|
@@ -101,3 +135,2 @@ | placeholder  |  No        | String             | Set placeholder on input |
 * Inline mode
-* Date range example with two inputs
 * Update to webpack v3.0
@@ -104,0 +137,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

13864

increased by10.52%

Number of lines in readme file

135

increased by32.35%

No dependency changes