最小用户友好 日期时间选择器 jQuery Dateandtime.js

  • 源码大小:5.38KB
  • 所需积分:1积分
  • 源码编号:19JP-3549
  • 浏览次数:274次
  • 最后更新:2023年06月25日
  • 所属栏目:时间和时钟
本站默认解压密码:19jp.com 或 19jp_com

简介

希望确保用户可以轻松选择日期和时间?那么jQuery Dateandtime.js插件就是您所需要的。

这是一个非常简单且用户友好的jQuery日期选择器插件,它将普通文本输入框转换为日期输入和时间输入,这样用户就可以分别选择日期和时间。如果你想减少用户需要键入的数量,或者如果你的用户不熟悉如何键入日期或时间,这可能非常有用

该插件非常适合提供快速方便的在线订单输入、活动注册、网站日程安排、酒店和机票预订等。

参见:

  • 10个最佳日期和时间选择器JavaScript插件
  • JavaScript中的7个最佳持续时间选择器

如何使用它:

1.包括查询日期和时间.js加载最新的jQuery JavaScript库后的脚本(建议使用精简版本以获得更好的性能)。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/js/jquery.dateandtime.js"></script>

2.为日期时间选择器创建一个普通输入字段。

<input class="example" type="text" name="jQueryScript" value="">

3.只需调用函数日期和时间()在输入字段上,插件将完成其余操作。

$(function(){
  $('.example').dateAndTime();
});

4.Blow是这个插件生成的日期和时间输入字段的HTML代码。

<input type="date" value="2022-05-25" class="example">
<input type="time" value="03:04" class="example">
<input class="" type="text" name="jQueryScript" value="2022-05-25 03:04" done="true" style="display: none;">

预览截图