Socket
Socket
Sign inDemoInstall

vue-bootstrap-datetimepicker

Package Overview
Dependencies
Maintainers
1
Versions
29
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-bootstrap-datetimepicker - npm Package Compare versions

Comparing version 1.0.1 to 1.1.0

src/DatetimePicker.vue

3

CHANGELOG.md
# Changelog
## 1.1.0
* Reactive configs
## 1.0.1

@@ -4,0 +7,0 @@ * Specify ``eonasdan-bootstrap-datetimepicker`` as ``dependency`` rather than ``peerDependencies``

2

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.$=window.jQuery=n(6),t.default={props:{value:{value: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{control:null}},mounted:function(){var e=this;if(!this.control){var t=this.wrap?this.$el.parentNode:this.$el,n=jQuery(t);n.datetimepicker(this.config),this.control=n.data("DateTimePicker"),this.control.date(this.value),n.on("dp.change",function(t){e.$emit("input",t.date)})}},beforeDestroy:function(){this.control&&this.control.destroy()},watch:{value:function(e){this.control&&this.control.date(e)}}}},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 c;if(o?(c=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=c):n&&(c=n),c){var d=s.functional,l=d?s.render:s.beforeCreate;d?s.render=function(e,t){return c.call(t),l(e,t)}:s.beforeCreate=l?[].concat(l,c):[c]}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")):"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}])});
{
"name": "vue-bootstrap-datetimepicker",
"version": "1.0.1",
"version": "1.1.0",
"description": "Vue.js component for bootstrap-datetimepicker",

@@ -5,0 +5,0 @@ "main": "dist/vue-bootstrap-datetimepicker.min.js",

@@ -19,7 +19,16 @@ # Vue-Bootstrap-DatetimePicker

## Features
* Reactive ``v-model`` value
- You can change datepicker value programmatically
* Reactive [config](http://eonasdan.github.io/bootstrap-datetimepicker/Options/) options
- You can change config options dynamically
- Component will watch for any changes and apply them
* Play nice with [vee-validate](https://github.com/logaretm/vee-validate) validation library
## Requirements
* Vue.js 2.x
* Bootstrap 3
* jQuery
* Moment.js
* Vue.js ^2.0.0
* Bootstrap ^3.3.7 (optional if you include standalone css)
* jQuery >=1.8.3
* Moment.js ^2.10

@@ -89,6 +98,6 @@ ## Example

* Inline mode
* Publish on bower
* Date range example
* Date range example with two inputs
* Update to webpack v3.0
### License
[MIT](LICENSE.txt) License

@@ -1,4 +0,4 @@

import component from './datetime-picker.vue';
import component from './DatetimePicker.vue';
export default component;
export {component};
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc