{"_id":"@blueking/mobile-date-picker","_rev":"4-6fd69bb39ee3200f1dd0b7d8c3589352","name":"@blueking/mobile-date-picker","dist-tags":{"latest":"1.0.0-beta.3"},"versions":{"1.0.0-beta.1":{"name":"@blueking/mobile-date-picker","version":"1.0.0-beta.1","author":{"name":"Tencent BlueKing"},"license":"MIT","_id":"@blueking/mobile-date-picker@1.0.0-beta.1","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"8bb3d2d34089a31623252fcf3881911b142686e8","tarball":"https://registry.npmjs.org/@blueking/mobile-date-picker/-/mobile-date-picker-1.0.0-beta.1.tgz","fileCount":37,"integrity":"sha512-z2j65qahinXX/eI9FViDsfMmn0AC/Qtt9XW1PpH+WrwVKPtKWnqbDhKzwoDjEYv+q/+HUXVk7NSLuOFE1EMzoQ==","signatures":[{"sig":"MEYCIQC2P/qTzpxhqsqODFff+M2YFm2axOVQqZnmsyxfFlfEBQIhAOp/GVOcixchXWnpDa8KWUAix05H0/Blfk02nQBAai1j","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8527873},"types":"./typings/vue3.d.ts","unpkg":"./vue3/index.es.min.js","module":"./vue3/index.es.min.js","exports":{".":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2":{"types":"./typings/vue2.d.ts","import":"./vue2/index.es.min.js","default":"./vue2/index.es.min.js"},"./vue3":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./src/*":"./src/*","./vue2/*":"./vue2/*","./vue3/*":"./vue3/*"},"gitHead":"879bd36112e4c8a276f823a6e2363d9a8929b5ae","scripts":{"dev":"vite --mode development -c scripts/vite.dev.ts","dts":"vue-tsc --project tsconfig.dts.json","build":"tsx ./scripts/vite.build.ts","prettier":"prettier ./src ./scripts ./playground --write","visualize":"vite-bundle-visualizer -c scripts/vite.vusualizer.ts","prepublishOnly":"run-p build dts"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"10.7.0","description":"蓝鲸平台日期时间选择-移动端","directories":{},"_nodeVersion":"20.14.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"typesVersions":{"*":{".":["./typings/vue3.d.ts"],"vue2":["./typings/vue2.d.ts"],"vue3":["./typings/vue3.d.ts"]}},"_hasShrinkwrap":false,"peerDependencies":{"vue":"^3","vant":"^4.9.18","dayjs":"^1.11.10","bkui-vue":"^1.0.3-beta.38","@blueking/bkui-library":"^0.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/mobile-date-picker_1.0.0-beta.1_1743492041868_0.1009643486430487","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-beta.2":{"name":"@blueking/mobile-date-picker","version":"1.0.0-beta.2","author":{"name":"Tencent BlueKing"},"license":"MIT","_id":"@blueking/mobile-date-picker@1.0.0-beta.2","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"f454676119c1508620401e26ef98a37f1bb0d510","tarball":"https://registry.npmjs.org/@blueking/mobile-date-picker/-/mobile-date-picker-1.0.0-beta.2.tgz","fileCount":37,"integrity":"sha512-UulJ45lAqlvE9G/c3SDx/2d0hj7JofCIJWYGdIl0QBJtl1R9ctVgPXeu4TBaIRJ7gp5QBnYVKCbbGeshtfPklA==","signatures":[{"sig":"MEUCIHr3I6RLCnf5oAS0k6Wwdl+CcV76xEmNOSCP++eX9tdnAiEAsS7DzZthUlJROOdzSmW+Xc0lbIEb+mtBn9rrhQSXM1Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8527441},"types":"./typings/vue3.d.ts","unpkg":"./vue3/index.es.min.js","module":"./vue3/index.es.min.js","exports":{".":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2":{"types":"./typings/vue2.d.ts","import":"./vue2/index.es.min.js","default":"./vue2/index.es.min.js"},"./vue3":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./src/*":"./src/*","./vue2/*":"./vue2/*","./vue3/*":"./vue3/*"},"gitHead":"04302a2049dec6a8fc63026aff2f0988f35ee82f","scripts":{"dev":"vite --mode development -c scripts/vite.dev.ts","dts":"vue-tsc --project tsconfig.dts.json","build":"tsx ./scripts/vite.build.ts","prettier":"prettier ./src ./scripts ./playground --write","visualize":"vite-bundle-visualizer -c scripts/vite.vusualizer.ts","prepublishOnly":"run-p build dts"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"10.7.0","description":"蓝鲸平台日期时间选择-移动端","directories":{},"_nodeVersion":"20.14.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"typesVersions":{"*":{".":["./typings/vue3.d.ts"],"vue2":["./typings/vue2.d.ts"],"vue3":["./typings/vue3.d.ts"]}},"_hasShrinkwrap":false,"peerDependencies":{"vue":"^3","vant":"^4.9.18","dayjs":"^1.11.10","bkui-vue":"^1.0.3-beta.38","@blueking/bkui-library":"^0.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/mobile-date-picker_1.0.0-beta.2_1743562751782_0.16146793057867592","host":"s3://npm-registry-packages-npm-production"}},"1.0.0-beta.3":{"name":"@blueking/mobile-date-picker","version":"1.0.0-beta.3","author":{"name":"Tencent BlueKing"},"license":"MIT","_id":"@blueking/mobile-date-picker@1.0.0-beta.3","maintainers":[{"name":"blueking","email":"contactus_bk@tencent.com"}],"dist":{"shasum":"21ebd8f7b4bfb38fe8ae5aa122b52e9c35d3a250","tarball":"https://registry.npmjs.org/@blueking/mobile-date-picker/-/mobile-date-picker-1.0.0-beta.3.tgz","fileCount":37,"integrity":"sha512-MEEWd1OluBK2JuTI3zx5xzJ8tQjANs475tW8BGBIUjhkHY6XTRTXPHzkpPuk2TJ9FnetbmpkTaEDrwha530+yQ==","signatures":[{"sig":"MEUCIQDxfczAb8r0GveZSBTbf+3KbXsYusG15rLUcwyWjFEmUQIgP8BZnyrA+vfXAZusZnFaMkZGZs7E1Z3DH1cH7ejfOiw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":8530615},"types":"./typings/vue3.d.ts","unpkg":"./vue3/index.es.min.js","module":"./vue3/index.es.min.js","exports":{".":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./vue2":{"types":"./typings/vue2.d.ts","import":"./vue2/index.es.min.js","default":"./vue2/index.es.min.js"},"./vue3":{"types":"./typings/vue3.d.ts","import":"./vue3/index.es.min.js","default":"./vue3/index.es.min.js"},"./src/*":"./src/*","./vue2/*":"./vue2/*","./vue3/*":"./vue3/*"},"gitHead":"04302a2049dec6a8fc63026aff2f0988f35ee82f","scripts":{"dev":"vite --mode development -c scripts/vite.dev.ts","dts":"vue-tsc --project tsconfig.dts.json","build":"tsx ./scripts/vite.build.ts","prettier":"prettier ./src ./scripts ./playground --write","visualize":"vite-bundle-visualizer -c scripts/vite.vusualizer.ts","prepublishOnly":"run-p build dts"},"_npmUser":{"name":"blueking","email":"contactus_bk@tencent.com"},"_npmVersion":"10.7.0","description":"蓝鲸平台日期时间选择-移动端","directories":{},"_nodeVersion":"20.14.0","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"typesVersions":{"*":{".":["./typings/vue3.d.ts"],"vue2":["./typings/vue2.d.ts"],"vue3":["./typings/vue3.d.ts"]}},"_hasShrinkwrap":false,"peerDependencies":{"vue":"^3","vant":"^4.9.18","dayjs":"^1.11.10","bkui-vue":"^1.0.3-beta.38","@blueking/bkui-library":"^0.0.0-beta.4"},"_npmOperationalInternal":{"tmp":"tmp/mobile-date-picker_1.0.0-beta.3_1743659931329_0.4493201835417193","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-04-01T07:20:41.755Z","modified":"2026-01-15T04:04:04.967Z","1.0.0-beta.1":"2025-04-01T07:20:42.180Z","1.0.0-beta.2":"2025-04-02T02:59:12.036Z","1.0.0-beta.3":"2025-04-03T05:58:51.622Z"},"author":{"name":"Tencent BlueKing"},"license":"MIT","description":"蓝鲸平台日期时间选择-移动端","maintainers":[{"email":"contactus_bk@tencent.com","name":"blueking-magicbox"}],"readme":"<br/>\n\n### 支持 Vue2/Vue3 版本 无差别使用\n\n![show](image.png)\n\n#### 安装\n\n```bash\nnpm i @blueking/date-picker\n```\n\n#### 使用\n\n- vue3框架下使用\n\n```javascript\n<template>\n  <div class=\"app\">\n    <DatePicker\n      v-model=\"value\"\n      v-model:timezone=\"timezone\"\n      format=\"YYYY-MM-DD HH:mm:ss\"\n      :behavior=\"'normal'\"\n      :version=\"2\"\n      :disabled=\"false\"\n      @update:model-value=\"handleValueChange\"\n    />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\n\nimport DatePicker from '@blueking/date-picker';\nimport DatePicker from '@blueking/date-picker/vue3/vue3.css';\n\n\nconst value = ref(['now-2d/d', 'now',]);\nconst timezone = ref('Asia/Shanghai');\nconst handleValueChange = (value, info) => {\n  console.log(value, info);\n};\n</script>\n```\n\n- vue2框架下使用\n\n```javascript\n<template>\n  <div class=\"hello\">\n    <DatePicker\n      :modelValue=\"modelValue\"\n      :timezone.sync=\"timezone\"\n      @update:modelValue=\"handleValueChange\"/>\n  </div>\n</template>\n\n<script>\nimport DatePicker from '@blueking/date-picker/vue2'\nimport '@blueking/date-picker/vue2/vue2.css'\nexport default {\n  data(){\n      return {\n        modelValue: ['now-2d/d', 'now'],\n        timezone: 'Asia/Shanghai'\n    }\n  },\n  components: {\n    DatePicker\n  },\n  methods: {\n    handleValueChange(v, info) {\n      console.log(v, info)\n      this.modelValue = v\n    }\n  }\n}\n</script>\n```\n\n### 属性列表\n\n| 属性名            | 描述                             | 属性类型                                                          | 默认值     |\n| ----------------- | -------------------------------- | ----------------------------------------------------------------- | ---------- |\n| behavior          | 组件展示风格                     | `'normal' \\| 'simplicity'`                                        | 'normal'   |\n| commonUseList     | 常用列表                         | `DateValue[]`                                                     |            |\n| disabled          | 是否禁用                         | `boolean`                                                         |            |\n| format            | 日期转换显示格式                 | `string`                                                          |            |\n| modelValue        | 日期值                           | `DateValue \\| dayjs.Dayjs[] \\| number[] \\| string[] \\| undefined` |            |\n| needTimezone      | 是否展示时区                     | `boolean`                                                         |            |\n| timezone          | 时区值                           | `string`                                                          | 浏览器时区 |\n| validDateRange    | 有效可选的日期范围               | `DateValue \\| undefined`                                          |            |\n| version           | 版本号 用于控制本地缓存          | `number \\| string`                                                | '1.0'      |\n| minDuration       | 最小可选时间跨度毫秒值           | `number`                                                          |            |\n| maxDuration       | 最大可选时间跨度毫秒值           | `number`                                                          |            |\n| enableFormatClick | 可支持的时间格式是否可以点击切换 | `boolean`                                                         | false      |\n\n### 事件列表\n\n| 事件名            | 参数                | 参数类型                                                                                                                          | 描述                           |\n| ----------------- | ------------------- | --------------------------------------------------------------------------------------------------------------------------------- | ------------------------------ |\n| update:modelValue | value, info         | value: IDatePickerProps['modelValue']<br/>info: Array<br/>{<br/>dayjs: dayjs.Dayjs \\| null;<br/>formatText: null \\| string;<br/>} | 更新date值的事件，以及相关信息 |\n| update:timezone   | value, timezoneInfo | value: string<br/>timezoneInfo: ITimezoneItem                                                                                     | 更新时区值的事件，以及时区信息 |\n| update:format     | value               | value: string                                                                                                                     | 更新时间格式的值               |\n","readmeFilename":"README.md"}