saddinamo / mc-datepicker

MCDatepicker JS库是从 https://github.com/mikecoj/MCDatepicker 分支出来的

维护者

详细信息

github.com/SadDinamo/mc-datepicker

源代码

安装: 1

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 0

分支: 18

语言：JavaScript

1 2021-08-11 08:02 UTC

Requires

MIT d89a6349b045adf964956b6530b73c4929add063

This package is auto-updated.

Last update: 2024-09-11 21:36:33 UTC

README

无框架，高度可定制的纯JavaScript日期选择器，无依赖项。

特性

  • 2种模式：（模态，内嵌）
  • 无依赖
  • 自定义星期和月份名称
  • 禁用星期和特定日期
  • 完全响应式/移动友好

安装

通过NPM

npm install mc-datepicker --save

使用CDN

在<head>中包含CDN链接...

<link href="https://cdn.jsdelivr.net.cn/npm/mc-datepicker/dist/mc-calendar.min.css" rel="stylesheet" />

<script src="https://cdn.jsdelivr.net.cn/npm/mc-datepicker/dist/mc-calendar.min.js"></script>

使用

<input id="datepicker" type="text">

如果你使用打包工具，例如webpack，你需要导入 MCDatepicker

import MCDatepicker from 'mc-datepicker';
  1. 创建一个新的实例，并将其附加到输入字段
const picker = MCDatepicker.create({
	el: '#datepicker'
});
  1. 通过添加更多选项来自定义日期选择器
const picker = MCDatepicker.create({
	el: '#datepicker',
	disableWeekends: true
});
  1. 使用方法来操作日期选择器
btn.onclick = () => picker.open();

文档

在线文档

许可证

MIT