# @beyonk/svelte-datepicker 中文文档

规范地址：https://npmcn.com/package/%40beyonk/svelte-datepicker/

版本：13\.0\.5
npm 元数据更新时间：2026-08-24T12:21:23.636Z
中文译文更新时间：2026-11-08T00:42:14.472Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40beyonk/svelte-datepicker
原文对照：https://npmcn.com/package/%40beyonk/svelte-datepicker/?lang=original

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：92.6 kB，52 个文件
- TypeScript 类型：未声明
- 运行依赖：1 个
- 首次发布：2020-12-01T23:37:30.353Z
- 最新版本发布：2026-07-15T11:32:33.567Z
- 近 30 天下载量：3103（2026-10-08 至 2026-11-06，npm 官方下载统计）
- 已发布版本数：27（近 12 个月 1 个）

## 中文简介

[  
  
![](https://user-images.githubusercontent.com/218949/144224348-1b3a20d5-d68e-4a7a-b6ac-6946f19f4a86.png)  
  
](https://beyonk.com/)

## 安装

```sh
npm install @beyonk/svelte-datepicker
```

也可以使用：`pnpm add @beyonk/svelte-datepicker`、`yarn add @beyonk/svelte-datepicker`、`bun add @beyonk/svelte-datepicker`

## README

[  
  
![](https://user-images.githubusercontent.com/218949/144224348-1b3a20d5-d68e-4a7a-b6ac-6946f19f4a86.png)  
  
](https://beyonk.com/)

## Svelte 约会选择器

[![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg)](http://standardjs.com/) [![svelte-v3](https://img.shields.io/badge/svelte-v3-blueviolet.svg)](https://svelte.dev/) ![publish](https://github.com/beyonk-adventures/svelte-datepicker/workflows/publish/badge.svg)

这几乎完全重写了优秀的 [显示日历](https://github.com/6eDesign/svelte-calendar)它规定:

-   日历
-   约会拾取器
-   日期范围拾取器
-   时间选择
-   更好的反应
-   改进主题
-   了解背景主题
-   避免尴尬绑定的工具栏
-   在诸如iframes内部等艰难情况下开展工作

路线图 :

-   重新插入键盘支持
-   在文档中添加代码样本
-   为键盘快捷键添加图例 \[h for Help\]

## Svelte 工具包支持

由于dayjs被打包的方式,需要以下配置才能与SvelteKit合作:

```js
const config = {
  kit: {
    target: "#svelte",
    vite: {
      ssr: {
        noExternal: [ 'dayjs' ]
      }
    }
  }
}
```

## 使用量

-   见 [文档](https://svelte-datepicker.vercel.app/) 这是一项正在进行的工作.
-   见 [小斯韦尔特反应PL](https://svelte.dev/repl/d812e880c6934f9e9a7cf9f760eddc11?version=3.31.2) 最少工作维生素.

## 捐款

### 测试

输入的测试 [乌乌](https://github.com/lukeed/uvu)

```bash
npm run test
```

## 常见问题

### 如何安装 @beyonk/svelte-datepicker？

在项目目录运行 npm install @beyonk/svelte-datepicker，或使用 pnpm add / yarn add / bun add。

### @beyonk/svelte-datepicker 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/beyonk\_\_svelte-datepicker 是否存在。

### @beyonk/svelte-datepicker 可以商用吗？

@beyonk/svelte-datepicker 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @beyonk/svelte-datepicker 的下载量有多少？

根据 npm 官方下载统计，@beyonk/svelte-datepicker 在 2026/10/08 – 2026/11/06 这 30 天内被下载 3,103 次，日均约 103 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @beyonk/svelte-datepicker 还在维护吗？

最新版本 13\.0\.5 发布于 2026/07/15（3 个月前）；至今共发布 27 个版本，其中过去 12 个月发布了 1 个；首次发布于 2020/12/02。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。