使用 DeskyCalendar 提升您的日期选择：Vanilla JS 解决方案
发布于2024-11-03
浏览：558
想要增强您的表单而不显得多余？来认识一下 DeskyCalendar，这是一个用纯原生 JavaScript 制作的极简、响应式日期选择器。它旨在为您的日期选择过程添加风格和功能，而不会给您的项目带来压力。
演示和项目页面
演示页面 -> https://danruggi.github.io/datepicker/
项目链接 -> https://github.com/danruggi/datepicker
主要特点
？完全响应式：在任何设备上看起来都很棒——日历不再被压扁。
？双/单格式：轻松选择单个日期或范围。
？添加“任何日期”选项：允许用户自由选择任何日期，非常适合过滤器和报告。
？禁用日期：防止选择过去或未来的日期，让一切都在检查中。
？单击时执行外部函数：想要在选择日期时触发自定义操作吗？简单易行！
快速设置
1.包含CSS和JS
只需将这些链接放入您的 HTML 中即可：
2. 添加您的意见
创建输入字段：
3. 初始化日历
用一行简单的 JavaScript 进行设置：
new DeskyCalendar({'myID': {}});
最少的例子
两列
轻松切换到双日期选择：
new DeskyCalendar({'calendar_date_selector1': {mode: "double"}});
禁用日期
想要限制日期？只需添加
const d = new Date();
new DeskyCalendar({'calendar_date_selector2': {disableBefore: d}});
结论
DeskyCalendar 只需几行代码，即可满足您的日期选择需求，同时又轻量且高效。是时候用这个优雅的解决方案来升级您的表单了。快乐编码！
版本声明
本文转载于：https://dev.to/daniele_rugginenti_fecc8b/elevate-your-date-selection-with-deskycalendar-a-vanilla-js-solution-50h4?1如有侵犯，请联系[email protected]删除
最新教程
更多>
-
如何在 PHP 中组合两个关联数组，同时保留唯一 ID 并处理重复名称？在 PHP 中组合关联数组在 PHP 中，将两个关联数组组合成一个数组是一项常见任务。考虑以下请求：问题描述：提供的代码定义了两个关联数组，$array1和$array2。目标是创建一个新数组 $array3，它合并两个数组中的所有键值对。 此外，提供的数组具有唯一的 ID，而名称可能重合。要求是构...编程 发布于2024-11-15 -
Bootstrap 4 Beta 中的列偏移发生了什么？Bootstrap 4 Beta：列偏移的删除和恢复Bootstrap 4 在其 Beta 1 版本中引入了重大更改柱子偏移了。然而，随着 Beta 2 的后续发布，这些变化已经逆转。从 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中， offset-md-*...编程 发布于2024-11-15
-
在 JavaScript 中什么时候应该使用 setAttribute() 与点表示法？JavaScript 中的 setAttribute 与 .attribute 表示法：最佳实践指南在 JavaScript 中使用 HTML 元素时，开发人员经常面临以下问题选择使用 setAttribute() 方法和点 (.) 属性表示法来设置属性值。要确定最佳实践，了解这些方法之间的细微差别...编程 发布于2024-11-15
-
如何使用 MySQL 查找今天生日的用户？如何使用 MySQL 识别今天生日的用户使用 MySQL 确定今天是否是用户的生日涉及查找生日匹配的所有行今天的日期。这可以通过一个简单的 MySQL 查询来实现，该查询将存储为 UNIX 时间戳的生日与今天的日期进行比较。以下 SQL 查询将获取今天有生日的所有用户： FROM USERS ...编程 发布于2024-11-15
-
如何在 PHP 中生成一维数组中所有可能的元素组合和排列？PHP：如何获取一维数组的所有可能组合在本文中，我们将深入研究一种方法来检索一维数组中元素的所有可能组合PHP 中的一维数组。与其他解决方案相比，这种方法确保同时考虑组合和排列。问题陈述给定一个字符串或数字数组，目标是生成所有可能的元素组合，考虑到不同的安排。例如，“Alpha Beta”和“Bet...编程 发布于2024-11-15
-
如何控制 MySQL GROUP_CONCAT 语句中值的顺序？对 GROUP_CONCAT 语句中的值进行排序在 MySQL 中，GROUP_CONCAT 根据特定分组组合来自一列的值。然而，连接值的顺序通常由分组发生的顺序确定。要控制这些值的排序，需要特定的语法。要对 GROUP_CONCAT 语句中的串联值进行排序，请在嵌套查询中使用 ORDER BY 子...编程 发布于2024-11-15
-
如何在 Golang 中将数据从中间件传递到处理程序？将数据从中间件传递到处理程序在您的设计中，您有处理传入请求的中间件和返回 http.Handler 的处理程序。您想要将数据从中间件传递到处理程序，特别是从请求正文解析的 JSON Web 令牌。要实现此目的，您可以利用 Gorilla 的上下文包：import ( "github...编程 发布于2024-11-15
-
JavaScript 数据类型JavaScript 数据类型 JavaScript提供了不同的数据类型来保存各种值。 JavaScript 有两种主要的数据类型。 原始类型 非原始类型 原始数据类型 JavaScript 提供的预定义数据类型称为原始数据类型。原始数据类型也称为内置数据类型。它们...编程 发布于2024-11-15
-
如何在 Java 中有效地执行外部程序并检索其输出？在 Java 中执行外部程序在 Java 程序中，您尝试使用 Runtime.exec( ） 方法。虽然它不会产生错误，但该程序似乎无效。提供的代码利用 Runtime.exec(params) 方法来启动外部程序。但是，此方法在处理 Java 程序和外部进程之间的输入和输出数据方面存在局限性。要有...编程 发布于2024-11-15
-
如何使用Python脚本安全地挂载VirtualBox共享文件夹？在 Python 脚本中使用 sudo：安全方法此查询探讨了 Python 脚本中 sudo 的安全使用，特别是在安装 VirtualBox 共享时文件夹。虽然原始解决方案尝试对密码进行硬编码，但重要的是要认识到与此做法相关的安全风险。不要对密码进行硬编码，请考虑以下更安全、更可靠的方法：编辑/et...编程 发布于2024-11-15
-
除了“if”语句之外：还有什么地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型？无需强制转换即可上下文转换为 bool您的类定义了对 bool 的显式转换，使您能够在条件语句中直接使用其实例“t”。然而，这种显式转换提出了一个问题：“t”在哪里可以在不进行强制转换的情况下用作 bool？上下文转换场景C 标准指定了四种值可以根据上下文转换为的主要场景bool:语句：if、whi...编程 发布于2024-11-15
-
Rx Observables 默认是冷的吗？ 了解“发布”和“共享”的数据流热 Observable 和冷 Observable：了解数据流默认情况下所有 Rx Observable 都是冷的吗？默认，除受试者外，所有 Rx 可观察量都是冷的。这意味着它们只有在至少有一个观察者订阅时才会发出值。Rx 运算符将冷 Observables 转换为 Hot Observables...编程 发布于2024-11-15
-
为什么要在 Java 中使用“final”作为局部变量和方法参数？Java中局部变量和方法参数使用“final”的优点Java中，将局部变量和方法参数标记为“final” " 给你的代码带来了几个好处。防止意外修改将变量或参数声明为“final”可确保其值不能在以下范围内更改块或方法。这有助于防止可能导致不可预测行为的意外修改。编译器优化“final”关...编程 发布于2024-11-15
-
如何使用 PHP 计算 MySQL 表中的行数使用 PHP 在 MySQL 中计算行数在处理数据库时，准确的行数计数对于数据分析和高效查询至关重要。在这种情况下，我们的目标是确定 MySQL 表中的总行数，无论应用的条件如何。此任务可以通过 SQL 命令或 PHP 函数来完成，从而扩展了数据检索的可能性。一种简单的方法涉及 SQL COUNT(...编程 发布于2024-11-15
学习中文
- 1 走路用中文怎么说？走路中文发音，走路中文学习
- 2 坐飞机用中文怎么说？坐飞机中文发音，坐飞机中文学习
- 3 坐火车用中文怎么说？坐火车中文发音，坐火车中文学习
- 4 坐车用中文怎么说？坐车中文发音，坐车中文学习
- 5 开车用中文怎么说？开车中文发音，开车中文学习
- 6 游泳用中文怎么说？游泳中文发音，游泳中文学习
- 7 骑自行车用中文怎么说？骑自行车中文发音，骑自行车中文学习
- 8 你好用中文怎么说？你好中文发音，你好中文学习
- 9 谢谢用中文怎么说？谢谢中文发音，谢谢中文学习
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
