{"_id":"@dluague/vue-datepicker","_rev":"6-8b66d811debddaca7c3c94a154a4637e","time":{"3.3.0":"2020-01-13T07:28:40.960Z","created":"2020-01-13T07:30:07.052Z","3.3.1":"2020-01-13T07:30:07.316Z","modified":"2022-04-05T04:57:31.867Z","3.3.2":"2020-01-13T07:36:44.814Z","3.3.3":"2020-05-06T02:27:42.597Z"},"name":"@dluague/vue-datepicker","dist-tags":{"latest":"3.3.3"},"versions":{"3.3.1":{"name":"@dluague/vue-datepicker","description":"A Datepicker Component For Vue2","main":"index.js","module":"index.esm.js","alias":{"@dluague/vue-datepicker":"src/index.js"},"version":"3.3.1","scripts":{"dev":"parcel ./example/dev.html --open --port 2235","build:index":"cross-env NODE_ENV=production rollup -c","build:locale":"cross-env NODE_ENV=production rollup -c rollup.locale.config.js","build:css":"sass --style=compressed --no-source-map src/style/index.scss index.css && postcss index.css --use autoprefixer -o index.css --no-map && cp -R src/style scss","build":"npm run test && npm run clean && npm run build:index && npm run build:css && npm run build:locale","clean":"rimraf scss locale index.*","lint":"eslint src/**/*.{js,vue}","deploy:build":"cross-env NODE_ENV=production parcel build ./example/index.html --public-url ./ --out-dir _site --no-source-maps --no-minify","deploy":"bash build/gh-pages-deploy.sh","format":"prettier --write src/**/*","test":"npm run lint && jest","cov":"jest --coverage --coverageReporters=text-lcov | coveralls","version":"conventional-changelog -p angular -i CHANGELOG.md -s && git add CHANGELOG.md","release":"bash build/git.sh && bash build/release.sh"},"repository":{"type":"git","url":"git+https://github.com/mengxiong10/vue2-datepicker.git"},"keywords":["vue","calendar","datepicker","datetimepicker"],"author":{"name":"xiemengxiong"},"license":"MIT","bugs":{"url":"https://github.com/mengxiong10/vue2-datepicker/issues"},"homepage":"https://github.com/mengxiong10/vue2-datepicker#readme","peerDependencies":{"vue":"^2.5.0"},"dependencies":{"date-fns":"^2.0.1","date-format-parse":"^0.2.5"},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-transform-object-assign":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.5.5","@babel/runtime":"^7.7.2","@commitlint/cli":"^8.2.0","@commitlint/config-conventional":"^8.2.0","@vue/babel-helper-vue-jsx-merge-props":"^1.0.0","@vue/babel-preset-jsx":"^1.1.2","@vue/component-compiler-utils":"^3.0.0","@vue/test-utils":"^1.0.0-beta.29","acorn":"^7.0.0","autoprefixer":"^9.7.1","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^24.9.0","conventional-changelog-cli":"^2.0.25","core-js":"^3.3.5","coveralls":"^3.0.7","cross-env":"^6.0.3","eslint":"^6.2.2","eslint-config-airbnb-base":"^14.0.0","eslint-config-prettier":"^6.1.0","eslint-plugin-import":"^2.18.2","eslint-plugin-vue":"^6.0.0","flush-promises":"^1.0.2","highlight.js":"^9.15.10","husky":"^3.0.9","jest":"^24.9.0","jest-serializer-vue":"^2.0.2","lint-staged":"^9.4.2","marked":"^0.7.0","parcel-bundler":"^1.12.3","postcss-cli":"^6.1.3","rimraf":"^3.0.0","rollup":"^1.26.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","rollup-plugin-vue":"^5.1.2","sass":"^1.22.10","vue":"^2.6.10","vue-hot-reload-api":"^2.3.3","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.10"},"jest":{"moduleFileExtensions":["js","vue"],"transform":{"^.+\\.js$":"<rootDir>/node_modules/babel-jest",".*\\.(vue)$":"<rootDir>/node_modules/vue-jest"},"snapshotSerializers":["jest-serializer-vue"],"moduleNameMapper":{"vue2-datepicker":"<rootDir>/src"},"coverageReporters":["text","text-summary"]},"husky":{"hooks":{"pre-commit":"lint-staged","commit-msg":"commitlint -x @commitlint/config-conventional -E HUSKY_GIT_PARAMS"}},"lint-staged":{"**/*.{js,vue}":["eslint --fix","prettier --write","git add"]},"browserslist":["> 1%","last 2 versions","not ie < 10"],"gitHead":"5f4700efbd23a993ad42ac83115372c4b7cbe1be","_id":"@dluague/vue-datepicker@3.3.1","_nodeVersion":"11.4.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-/OucSSAjnm2WxWtyc4MbvfSNptPLja7h0/ytTVMwZ4VTJkpMvtVStlohpFJYpLW9Rtl4VGxKwntVXugvlYi/Iw==","shasum":"c00110a94619035506575f225403300fddee283e","tarball":"https://registry.npmjs.org/@dluague/vue-datepicker/-/vue-datepicker-3.3.1.tgz","fileCount":6,"unpackedSize":66056,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHBx/CRA9TVsSAnZWagAAeWEP/3WvUu/hnIlxEtuwhfq3\nF8ry80wceGXyZUuh0oM+1Rqzd9rBtda8qviDi5KEFIrPlT/jI0bhnwMbj5gt\nNuN5+j8V0z2VV7Cu30SjP79QGUL6TxVv5jH8R24KM0j9nT7GPJpNhKxL1kPc\n9BcTs7ZQFy4jp6k2VJu1cVIGza+p32r3Yt84zqZjGOvGgl5LybA6cDQ2KlaR\ni3d+F7wfUN8rdvmHToyfUK8cPYnO5pwPyWxMNz/8PlaEk6cXDoxXQ/sH02HL\nTccFDBgHsrfYQp2DwkjpkYocfjZhCFsmFcOV4rugN04KG+TUNVqWBdN+F2pg\nb8JloB7dLDPuZt4TtiUSq8GEmrPG8yidqRvZkpQDAR/3IVb0LXR+EsAXcOoc\nogfJqBPbtzftV+YT6Tk//RT9EGS1cbdINX/ivVTgqybUvUWoqgk0lA9CaNj1\ngUUhedcqWR1S85DaTkMys4Opt6tbdAgCBwyPvWmsTP2L51J2cV6aAOUHc0Hg\nKdiggqov/7/FeQD2RbR3KXYp/xvMXLBgLxi6bmJ9xfzyVkyGINjuRj59tLM/\nkT/xVtQ5ifRu2ua7CJHKgqX+yuyw/Bkv+i1YGKPKLnDkOMPmQ7Mm0fB6Lj70\nD5yrNJeWsSBmg+OISBvLWb7i7ThUpt4dtNwcAVy75Tlbg1gmqYjASj52JOFN\nQ0LI\r\n=YM7q\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCb5NB3o5vgHguuUahgkJEhN9El9ESNkQc+zqUGqTA3WAIgNgHhNnRWbIAt7gMhWKeszevsip5LOOdl8+wvKe6wJqg="}]},"maintainers":[{"name":"dluague","email":"darwinluague9001@gmail.com"}],"_npmUser":{"name":"dluague","email":"darwinluague9001@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-datepicker_3.3.1_1578900607080_0.44370122975413673"},"_hasShrinkwrap":false},"3.3.2":{"name":"@dluague/vue-datepicker","description":"A Datepicker Component For Vue2","main":"index.js","module":"index.esm.js","alias":{"@dluague/vue-datepicker":"src/index.js"},"version":"3.3.2","scripts":{"dev":"parcel ./example/dev.html --open --port 2235","build:index":"cross-env NODE_ENV=production rollup -c","build:locale":"cross-env NODE_ENV=production rollup -c rollup.locale.config.js","build:css":"sass --style=compressed --no-source-map src/style/index.scss index.css && postcss index.css --use autoprefixer -o index.css --no-map && cp -R src/style scss","build":"npm run test && npm run clean && npm run build:index && npm run build:css && npm run build:locale","clean":"rimraf scss locale index.*","lint":"eslint src/**/*.{js,vue}","deploy:build":"cross-env NODE_ENV=production parcel build ./example/index.html --public-url ./ --out-dir _site --no-source-maps --no-minify","deploy":"bash build/gh-pages-deploy.sh","format":"prettier --write src/**/*","test":"npm run lint && jest","cov":"jest --coverage --coverageReporters=text-lcov | coveralls","version":"conventional-changelog -p angular -i CHANGELOG.md -s && git add CHANGELOG.md","release":"bash build/git.sh && bash build/release.sh"},"repository":{"type":"git","url":"git+https://github.com/mengxiong10/vue2-datepicker.git"},"keywords":["vue","calendar","datepicker","datetimepicker"],"author":{"name":"xiemengxiong"},"license":"MIT","bugs":{"url":"https://github.com/mengxiong10/vue2-datepicker/issues"},"homepage":"https://github.com/mengxiong10/vue2-datepicker#readme","peerDependencies":{"vue":"^2.5.0"},"dependencies":{"date-fns":"^2.0.1","date-format-parse":"^0.2.5"},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-transform-object-assign":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.5.5","@babel/runtime":"^7.7.2","@commitlint/cli":"^8.2.0","@commitlint/config-conventional":"^8.2.0","@vue/babel-helper-vue-jsx-merge-props":"^1.0.0","@vue/babel-preset-jsx":"^1.1.2","@vue/component-compiler-utils":"^3.0.0","@vue/test-utils":"^1.0.0-beta.29","acorn":"^7.0.0","autoprefixer":"^9.7.1","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^24.9.0","conventional-changelog-cli":"^2.0.25","core-js":"^3.3.5","coveralls":"^3.0.7","cross-env":"^6.0.3","eslint":"^6.2.2","eslint-config-airbnb-base":"^14.0.0","eslint-config-prettier":"^6.1.0","eslint-plugin-import":"^2.18.2","eslint-plugin-vue":"^6.0.0","flush-promises":"^1.0.2","highlight.js":"^9.15.10","husky":"^3.0.9","jest":"^24.9.0","jest-serializer-vue":"^2.0.2","lint-staged":"^9.4.2","marked":"^0.7.0","parcel-bundler":"^1.12.3","postcss-cli":"^6.1.3","rimraf":"^3.0.0","rollup":"^1.26.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","rollup-plugin-vue":"^5.1.2","sass":"^1.22.10","vue":"^2.6.10","vue-hot-reload-api":"^2.3.3","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.10"},"jest":{"moduleFileExtensions":["js","vue"],"transform":{"^.+\\.js$":"<rootDir>/node_modules/babel-jest",".*\\.(vue)$":"<rootDir>/node_modules/vue-jest"},"snapshotSerializers":["jest-serializer-vue"],"moduleNameMapper":{"vue2-datepicker":"<rootDir>/src"},"coverageReporters":["text","text-summary"]},"husky":{"hooks":{"pre-commit":"lint-staged","commit-msg":"commitlint -x @commitlint/config-conventional -E HUSKY_GIT_PARAMS"}},"lint-staged":{"**/*.{js,vue}":["eslint --fix","prettier --write","git add"]},"browserslist":["> 1%","last 2 versions","not ie < 10"],"gitHead":"5f4700efbd23a993ad42ac83115372c4b7cbe1be","_id":"@dluague/vue-datepicker@3.3.2","_nodeVersion":"11.4.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-5X6cDRQrFoHmKGwq1BGFPuvqic4T4tSCOCW08MsdYTFxAb9OWwdHE3qKqbVrAzmA9nkeMF7TC5B/lOZgz4ziyA==","shasum":"0db59c682ea6eacee04f7e238d2ac5fe5dc8d715","tarball":"https://registry.npmjs.org/@dluague/vue-datepicker/-/vue-datepicker-3.3.2.tgz","fileCount":134,"unpackedSize":808619,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeHB4NCRA9TVsSAnZWagAArMEP/2HzJiPuY7ochfuImfkb\nLbC/ecKN5ymkmrWsu8NVS6KuFAV5l3/pVFtqZKyJmewpGieJStuhsJGNBPO9\n1z5A+u0H6cGPpH1hqyUH8525SRZfOcB8BUcrdMZw31vzPCKr7vn5k6bSUIyB\nE9b56kjwb/Cbta1XR9Acj48GZBkCqID6NaGXxH9DVkrYFIJ6U9SdqhBvY1Fx\n/0MJHMJKyAqfX5dQQIAIPOd3OXL56g1s5eWuaqzpXeLUlkhyw8KADrYw3ZCx\np2KyxFcTjG9DtiXXJ1CPio9vuSTDkQHBegFDUbpy5aJO3JySkhF0TstB5Uz2\nV1Eqo2zy3+1VbjQwL1pY2YX1sJkGTjJKZoUz9I+yYiiRw9/1IxVCmCo8UYcu\ng34FwS1xqD8N8vnh+dffOTD4JKwI78d8a8ks6zwGjhByLA9bS3VhnjhaQq3R\n80cXmXyCgoUOjc3G/R5QOhTTzIRZW6kX230TYe/S4/X4Vi/4XEz5wugislhi\nj9c0xeGHgTFVIXyzJ2VMb1ZremPxzWiFz+u0odzUr3811YkLLrneQ0Wmun9J\najeji/bcdhnAsJ1P+TTWEqWTaTRUoPNZRoiunJS6TTJX7zMJuifeMruvgA7y\nfshKDF/E7z5lG9gnflSgJgxtiXPSSyVa2yYfYrI3S1ubQLUOfk7L0/IfRE93\nVUyz\r\n=C2fS\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH4UrOiIvE/FOQZLHzQ9XkhBbhqjmlPakCshwTRRfhfRAiEAnR6jdnJ0pEVfVkoR6La0YREZ0tjLENU1QvcEGd/RTHw="}]},"maintainers":[{"name":"dluague","email":"darwinluague9001@gmail.com"}],"_npmUser":{"name":"dluague","email":"darwinluague9001@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-datepicker_3.3.2_1578901004582_0.20004672382468525"},"_hasShrinkwrap":false},"3.3.3":{"name":"@dluague/vue-datepicker","description":"A Datepicker Component For Vue2","main":"index.js","module":"index.esm.js","alias":{"@dluague/vue-datepicker":"src/index.js"},"version":"3.3.3","scripts":{"dev":"parcel ./example/dev.html --open --port 2235","build:index":"cross-env NODE_ENV=production rollup -c","build:locale":"cross-env NODE_ENV=production rollup -c rollup.locale.config.js","build:css":"sass --style=compressed --no-source-map src/style/index.scss index.css && postcss index.css --use autoprefixer -o index.css --no-map && cp -R src/style scss","build":"npm run test && npm run clean && npm run build:index && npm run build:css && npm run build:locale","clean":"rimraf scss locale index.*","lint":"eslint src/**/*.{js,vue}","deploy:build":"cross-env NODE_ENV=production parcel build ./example/index.html --public-url ./ --out-dir _site --no-source-maps --no-minify","deploy":"bash build/gh-pages-deploy.sh","format":"prettier --write src/**/*","test":"npm run lint && jest","cov":"jest --coverage --coverageReporters=text-lcov | coveralls","version":"conventional-changelog -p angular -i CHANGELOG.md -s && git add CHANGELOG.md","release":"bash build/git.sh && bash build/release.sh"},"repository":{"type":"git","url":"git+https://github.com/mengxiong10/vue2-datepicker.git"},"keywords":["vue","calendar","datepicker","datetimepicker"],"author":{"name":"xiemengxiong"},"license":"MIT","bugs":{"url":"https://github.com/mengxiong10/vue2-datepicker/issues"},"homepage":"https://github.com/mengxiong10/vue2-datepicker#readme","peerDependencies":{"vue":"^2.5.0"},"dependencies":{"date-fns":"^2.0.1","date-format-parse":"^0.2.5"},"devDependencies":{"@babel/core":"^7.5.5","@babel/plugin-transform-object-assign":"^7.2.0","@babel/plugin-transform-runtime":"^7.6.2","@babel/preset-env":"^7.5.5","@babel/runtime":"^7.7.2","@commitlint/cli":"^8.2.0","@commitlint/config-conventional":"^8.2.0","@vue/babel-helper-vue-jsx-merge-props":"^1.0.0","@vue/babel-preset-jsx":"^1.1.2","@vue/component-compiler-utils":"^3.0.0","@vue/test-utils":"^1.0.0-beta.29","acorn":"^7.0.0","autoprefixer":"^9.7.1","babel-core":"^7.0.0-bridge.0","babel-eslint":"^10.0.2","babel-jest":"^24.9.0","conventional-changelog-cli":"^2.0.25","core-js":"^3.3.5","coveralls":"^3.0.7","cross-env":"^6.0.3","eslint":"^6.2.2","eslint-config-airbnb-base":"^14.0.0","eslint-config-prettier":"^6.1.0","eslint-plugin-import":"^2.18.2","eslint-plugin-vue":"^6.0.0","flush-promises":"^1.0.2","highlight.js":"^9.15.10","husky":"^3.0.9","jest":"^24.9.0","jest-serializer-vue":"^2.0.2","lint-staged":"^9.4.2","marked":"^0.7.0","parcel-bundler":"^1.12.3","postcss-cli":"^6.1.3","rimraf":"^3.0.0","rollup":"^1.26.0","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-babel":"^4.3.3","rollup-plugin-commonjs":"^10.1.0","rollup-plugin-node-resolve":"^5.2.0","rollup-plugin-terser":"^5.1.2","rollup-plugin-vue":"^5.1.2","sass":"^1.22.10","vue":"^2.6.10","vue-hot-reload-api":"^2.3.3","vue-jest":"^3.0.5","vue-template-compiler":"^2.6.10"},"jest":{"moduleFileExtensions":["js","vue"],"transform":{"^.+\\.js$":"<rootDir>/node_modules/babel-jest",".*\\.(vue)$":"<rootDir>/node_modules/vue-jest"},"snapshotSerializers":["jest-serializer-vue"],"moduleNameMapper":{"vue2-datepicker":"<rootDir>/src"},"coverageReporters":["text","text-summary"]},"husky":{"hooks":{"pre-commit":"lint-staged","commit-msg":"commitlint -x @commitlint/config-conventional -E HUSKY_GIT_PARAMS"}},"lint-staged":{"**/*.{js,vue}":["eslint --fix","prettier --write","git add"]},"browserslist":["> 1%","last 2 versions","not ie < 10"],"gitHead":"6eae9101b202d4601816a37687b5fb45b4d9c6bc","_id":"@dluague/vue-datepicker@3.3.3","_nodeVersion":"13.6.0","_npmVersion":"6.14.2","dist":{"integrity":"sha512-Opjsfip8/r8kOBp7L8MaL3N58g2H4iT4jHHYPvJP2i6JDYRM2+zzCqbjx7L73O9AiR8CV6+dT4nfTou3Te0K3g==","shasum":"ce1ac78ace1c736a527aec396b80229ebabbfda2","tarball":"https://registry.npmjs.org/@dluague/vue-datepicker/-/vue-datepicker-3.3.3.tgz","fileCount":134,"unpackedSize":808634,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJesiCfCRA9TVsSAnZWagAAqvUP/2jv2VcyOFN0C+6XjJQM\nW5Xizkb0temqcSzJRBYDFYcWviH/iOQG/wabPZ9eSNL+Jj27bVUrsBvsc0Se\nxHv5/UgOowwrnWyT+uaZ1XzEl5fdQKlo5QkLIbB4H1hRsZbWmTWZup/3Kj0R\nWiACh8CS8d4KnlGiAzTh3rkcAqudJPAPN8uBYzInxCAhwpwxMwg4eP1zLLlo\nazBg5xXc5IRcHwfzfqyXKkVZHTRTq7GmeE07dr42ReEuHAy0pD6DmYug+g5Z\nCv79Mfnbk7sFvHpLnXPwSdNQ0r4GOLbIKAnA5vmQFXs2DEd9iI4sl7h3pw+F\n+JHPsT2ktNbke76v89g/BbhMhASLOFEkeE+1QX8a+SHox99DsfJM4j2tFymJ\npsAYIngHANR/E5fkMGyz5XtAAWhIIUqnbqXJtVjQi5e7RkbUg3rmOTQpkBTz\n4x21JV6f3W7r6pw2wc7i1dbtfbJIrxW1zvhofHJ6QeE5Dlcq8hKwFTntQxAO\nGr/cVsBothSdvDux+UrFsA1bX4gK7p8aqaF/ZjAC5XgNPliYhnP+o2Qq3RTJ\nKdj505NnfG3c6tdhBWM42Mdarq4m6G4FH1kDPDptYyVA/t8kvSaRgtkA/wKw\nR+5Zfl1yMZmE6f6+dDWVwl/qpf2gNDDVB95RLx9UUZmk+ovMnUTVBsVORvln\n5okW\r\n=jp6E\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDDcg7+j5sbFMgRH1icfI2TPVWKwCMFE+x7/aRreEMQPAiACeORwJogi/kRzILxYFU+zCB78I2s8hLGIF5kF1enmtg=="}]},"maintainers":[{"name":"dluague","email":"darwinluague9001@gmail.com"}],"_npmUser":{"name":"dluague","email":"darwinluague9001@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-datepicker_3.3.3_1588732062395_0.3582865484066282"},"_hasShrinkwrap":false}},"maintainers":[{"name":"dluague","email":"darwinluague9001@gmail.com"}],"description":"A Datepicker Component For Vue2","homepage":"https://github.com/mengxiong10/vue2-datepicker#readme","keywords":["vue","calendar","datepicker","datetimepicker"],"repository":{"type":"git","url":"git+https://github.com/mengxiong10/vue2-datepicker.git"},"author":{"name":"xiemengxiong"},"bugs":{"url":"https://github.com/mengxiong10/vue2-datepicker/issues"},"license":"MIT","readme":"# vue2-datepicker\n\n[中文版](https://github.com/mengxiong10/vue2-datepicker/blob/master/README.zh-CN.md)\n\n> A Datepicker Component For Vue2\n\n<a href=\"https://travis-ci.org/mengxiong10/vue2-datepicker\">\n  <img src=\"https://travis-ci.org/mengxiong10/vue2-datepicker.svg?branch=master\" alt=\"build:passed\">\n</a>\n<a href=\"https://coveralls.io/github/mengxiong10/vue2-datepicker\">\n  <img src=\"https://coveralls.io/repos/github/mengxiong10/vue2-datepicker/badge.svg?branch=master&service=github\" alt=\"Badge\">\n</a>\n<a href=\"https://www.npmjs.com/package/vue2-datepicker\">\n  <img src=\"https://img.shields.io/npm/v/vue2-datepicker.svg\" alt=\"npm\">\n</a>\n<a href=\"LICENSE\">\n  <img src=\"https://img.shields.io/badge/License-MIT-yellow.svg\" alt=\"MIT\">\n</a>\n\n## Demo\n\n<https://mengxiong10.github.io/vue2-datepicker/index.html>\n\n![image](https://github.com/mengxiong10/vue2-datepicker/raw/master/screenshot/demo.png)\n\n## Install\n\n```bash\n$ npm install vue2-datepicker --save\n```\n\n## Usage\n\n```html\n<script>\n  import DatePicker from 'vue2-datepicker';\n  import 'vue2-datepicker/index.css';\n\n  export default {\n    components: { DatePicker },\n    data() {\n      return {\n        time1: null,\n        time2: null,\n        time3: null,\n      };\n    },\n  };\n</script>\n\n<template>\n  <div>\n    <date-picker v-model=\"time1\" valueType=\"format\"></date-picker>\n    <date-picker v-model=\"time2\" type=\"datetime\"></date-picker>\n    <date-picker v-model=\"time3\" range></date-picker>\n  </div>\n</template>\n```\n\n## Theme\n\nIf your project uses SCSS, you can change the default style variables.\n\nTo create a scss file. e.g. `datepicker.scss`:\n\n```scss\n$default-color: #555;\n$primary-color: #1284e7;\n\n@import '~vue2-datepicker/scss/index.scss';\n```\n\n## Internationalization\n\nThe default language of v3.x is English. If you need other locales.\nYou can import locale file.\nOnce you import a locale, it becomes the active locale.\n\n```js\nimport DatePicker from 'vue2-datepicker';\nimport 'vue2-datepicker/index.css';\n\nimport 'vue2-datepicker/locale/zh-cn';\n```\n\nYou can also override some of the default locale by `lang`.\n[Full config](https://github.com/mengxiong10/vue2-datepicker/blob/master/locale.md)\n\n```html\n<script>\n  export default {\n    data() {\n      return {\n        lang: {\n          formatLocale: {\n            firstDayOfWeek: 1,\n          },\n          monthBeforeYear: false,\n        },\n      };\n    },\n  };\n</script>\n\n<template>\n  <date-picker :lang=\"lang\"></date-picker>\n</template>\n```\n\n### Props\n\n| Prop                | Description                                    | Type                                        | Default        |\n| ------------------- | ---------------------------------------------- | ------------------------------------------- | -------------- |\n| type                | select the type of picker                      | date \\|datetime\\|year\\|month\\|time\\|week    | 'date'         |\n| range               | if true, pick the range date                   | `boolean`                                   | false          |\n| format              | to set the date format. similar to moment.js   | [token](#token)                             | 'YYYY-MM-DD'   |\n| value-type          | data type of the binding value                 | [value-type](#value-type)                   | 'date'         |\n| default-value       | default date of the calendar                   | `Date`                                      | new Date()     |\n| lang                | override the default locale                    | `object`                                    |                |\n| placeholder         | input placeholder text                         | `string`                                    | ''             |\n| editable            | whether the input is editable                  | `boolean`                                   | true           |\n| clearable           | if false, don't show the clear icon            | `boolean`                                   | true           |\n| confirm             | if true, need click the button to change value | `boolean`                                   | false          |\n| confirm-text        | the text of confirm button                     | `string`                                    | 'OK'           |\n| disabled            | disable the component                          | `boolean`                                   | false          |\n| disabled-date       | specify the date that cannot be selected       | `(date) => boolean`                         | -              |\n| disabled-time       | specify the time that cannot be selected       | `(date) => boolean`                         | -              |\n| append-to-body      | append the popup to body                       | `boolean`                                   | true           |\n| inline              | without input                                  | `boolean`                                   | false          |\n| input-class         | input classname                                | `string`                                    | 'mx-input'     |\n| input-attr          | input attrs(eg: { name: 'date', id: 'foo'})    | `object`                                    | —              |\n| open                | open state of picker                           | `boolean`                                   | -              |\n| popup-style         | popup style                                    | `object`                                    | —              |\n| popup-class         | popup classes                                  |                                             | —              |\n| shortcuts           | set shortcuts to select                        | `Array<{text, onClick}>`                    | -              |\n| title-format        | format of the tooltip in calendar cell         | [token](#token)                             | 'YYYY-MM-DD'   |\n| partial-update      | whether update date when select year or month  | `boolean`                                   | false          |\n| range-separator     | text of range separator                        | `string`                                    | ' ~ '          |\n| show-week-number    | determine whether show week number             | `boolean`                                   | false          |\n| hour-step           | interval between hours in time picker          | 1 - 60                                      | 1              |\n| minute-step         | interval between minutes in time picker        | 1 - 60                                      | 1              |\n| second-step         | interval between seconds in time picker        | 1 - 60                                      | 1              |\n| hour-options        | custom hour column                             | `Array<number>`                             | -              |\n| minute-options      | custom minute column                           | `Array<number>`                             | -              |\n| second-options      | custom second column                           | `Array<number>`                             | -              |\n| show-hour           | whether show hour column                       | `boolean`                                   | base on format |\n| show-minute         | whether show minute column                     | `boolean`                                   | base on format |\n| show-second         | whether show second column                     | `boolean`                                   | base on format |\n| use12h              | whether show ampm column                       | `boolean`                                   | base on format |\n| show-time-header    | whether show header of time picker             | `boolean`                                   | false          |\n| time-title-format   | format of the time header                      | [token](#token)                             | 'YYYY-MM-DD'   |\n| time-picker-options | set fixed time list to select                  | [time-picker-options](#time-picker-options) | null           |\n\n#### Token\n\n| Uint                       | Token | output                                 |\n| -------------------------- | ----- | -------------------------------------- |\n| Year                       | YY    | 70 71 ... 10 11                        |\n|                            | YYYY  | 1970 1971 ... 2010 2011                |\n|                            | Y     | -1000 ...20 ... 1970 ... 9999 +10000   |\n| Month                      | M     | 1 2 ... 11 12                          |\n|                            | MM    | 01 02 ... 11 12                        |\n|                            | MMM   | Jan Feb ... Nov Dec                    |\n|                            | MMMM  | January February ... November December |\n| Day of Month               | D     | 1 2 ... 30 31                          |\n|                            | DD    | 01 02 ... 30 31                        |\n| Day of Week                | d     | 0 1 ... 5 6                            |\n|                            | dd    | Su Mo ... Fr Sa                        |\n|                            | ddd   | Sun Mon ... Fri Sat                    |\n|                            | dddd  | Sunday Monday ... Friday Saturday      |\n| AM/PM                      | A     | AM PM                                  |\n|                            | a     | am pm                                  |\n| Hour                       | H     | 0 1 ... 22 23                          |\n|                            | HH    | 00 01 ... 22 23                        |\n|                            | h     | 1 2 ... 12                             |\n|                            | hh    | 01 02 ... 12                           |\n| Minute                     | m     | 0 1 ... 58 59                          |\n|                            | mm    | 00 01 ... 58 59                        |\n| Second                     | s     | 0 1 ... 58 59                          |\n|                            | ss    | 00 01 ... 58 59                        |\n| Fractional Second          | S     | 0 1 ... 8 9                            |\n|                            | SS    | 00 01 ... 98 99                        |\n|                            | SSS   | 000 001 ... 998 999                    |\n| Time Zone                  | Z     | -07:00 -06:00 ... +06:00 +07:00        |\n|                            | ZZ    | -0700 -0600 ... +0600 +0700            |\n| Week of Year               | w     | 1 2 ... 52 53                          |\n|                            | ww    | 01 02 ... 52 53                        |\n| Unix Timestamp             | X     | 1360013296                             |\n| Unix Millisecond Timestamp | x     | 1360013296123                          |\n\n#### custom format\n\nthe `format` accepts an object to customize formatting.\n\n```html\n<date-picker :format=\"momentFormat\" />\n```\n\n```js\ndata() {\n  return {\n    // Use moment.js instead of the default\n    momentFormat: {\n      // Date to String\n      stringify: (date) => {\n        return date ? moment(date).format('LL') : ''\n      },\n      // String to Date\n      parse: (value) => {\n        return value ? moment(value, 'LL').toDate() : null\n      }\n    }\n  }\n}\n\n```\n\n#### value-type\n\nset the format of binding value\n\n| Value             | Description                                          |\n| ----------------- | ---------------------------------------------------- |\n| 'date'            | return a Date object                                 |\n| 'timestamp'       | return a timestamp number                            |\n| 'format'          | returns a string formatted using pattern of `format` |\n| token(MM/DD/YYYY) | returns a string formatted using this pattern        |\n\n#### shortcuts\n\nthe shortcuts for the range picker\n\n```js\n[\n  { text: 'today', onClick: () => new Date() },\n  {\n    text: 'Yesterday',\n    onClick: () => {\n      const date = new Date();\n      date.setTime(date.getTime() - 3600 * 1000 * 24);\n      return date;\n    },\n  },\n];\n```\n\n| Attribute | Description                               |\n| --------- | ----------------------------------------- |\n| text      | title of the shortcut                     |\n| onClick   | callback function , need to return a Date |\n\n#### time-picker-options\n\nset fixed time list to select;\n\n```js\n{start: '00:00', step:'00:30' , end: '23:30', format: 'HH:mm' }\n```\n\n| Attribute | Description                          |\n| --------- | ------------------------------------ |\n| start     | start time                           |\n| step      | step time                            |\n| end       | end time                             |\n| format    | the default is same as prop `format` |\n\n### Events\n\n| Name        | Description                          | Callback Arguments                           |\n| ----------- | ------------------------------------ | -------------------------------------------- |\n| input       | When the value change(v-model event) | date                                         |\n| change      | When the value change(same as input) | date, type(date, hour, minute, second, ampm) |\n| open        | When panel opening                   |                                              |\n| close       | When panel closing                   |                                              |\n| confirm     | When click 'confirm' button          | date                                         |\n| clear       | When click 'clear' button            |                                              |\n| input-error | When user type a invalid Date        | the input text                               |\n| focus       | When input focus                     |                                              |\n| blur        | When input blur                      |                                              |\n\n### Slots\n\n| Name          | Description              |\n| ------------- | ------------------------ |\n| icon-calendar | custom the calender icon |\n| icon-clear    | custom the clear icon    |\n| input         | replace input            |\n| header        | popup header             |\n| footer        | popup footer             |\n| sidebar       | popup sidebar            |\n\n## ChangeLog\n\n[CHANGELOG](CHANGELOG.md)\n\n## License\n\n[MIT](https://github.com/mengxiong10/vue2-datepicker/blob/master/LICENSE)\n\nCopyright (c) 2017-present xiemengxiong\n","readmeFilename":"README.md"}