jQuery日期选择器插件beatpicker

所属分类:输入-日期和时间

 60209  346  查看评论 (31)
分享到微信朋友圈
X
jQuery日期选择器插件beatpicker ie兼容8

BeatPicker

简单而功能强大的 jQuery 日期选择器插件 beatpicker,beatpicker 是一个简单而强大的 jQuery 日期选择器控件,可简洁快速的选择年份和月份,允许选择起始日期、定义日期控件弹出的位置、时间格式化输出格式、支持回调方法。

BeatPicker 日期选择插件用法:

一、引用文件:

<link rel="stylesheet" href="css/BeatPicker.css"/>
<script src="js/jquery-2.1.0.min.js"></script>
<script src="js/BeatPicker.js"></script>

二、修改input标签:

<input type="text" data-beatpicker="true">

或者使用下面代码:

var options = {dateInputNode:$(".my-input")};
var instance = new BeatPicker(options)

更多用法请查看演示和文档

<input type="text" data-beatpicker="true" data-beatpicker-position="['right','bottom']"

相关插件-日期和时间

集钟表、秒表、闹钟于一体的电子钟表(原创)

通过纯CSS3+JQ实现的集合钟表。集合有电子表、秒表计时器、自定义闹钟、阳历、农历日历功能
  日期和时间
 27155  316

jquery仿腾讯QQ空间时光轴静态页面

仿腾讯QQ空间时光轴静态页面
  日期和时间
 29111  370

zepto移动端时间选择插件

简单的移动端时间选择,去掉年显示,适合线上预定下单
  日期和时间
 52964  383

时间日期控件(兼容ie6)

支持时间日期选取,兼容IE6及以上版本
  日期和时间
 69103  363

讨论这个项目(31)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    刘大BOSS_ 0
    2019/11/4 12:12:59
    循环出来怎么获取回调 回复
    刘大BOSS_ 0
    2019/11/4 12:11:51
    刘博禹 0
    2019/3/30 11:28:25
    我这怎么是10天的显示啊。。 不是7天的显示啊,在什么地方改呢?
        刘博禹0
        2019/3/30 21:26:49
        弄明白了,,这个插件没行显示的天数是由li的宽度来控制的。。 在li.cell那里设置一下宽度就可以了
    回复
    看不清未来,回不到过去。 0
    2018/10/29 16:53:31
    能不能设置最小日期啊
    回复
    . 0
    2018/9/5 14:56:54
    可以增加日期的setter和getter吗,可以增加个强制的getter吗,不管用户如何操作都不会影响日期的最终结果,并且期间不会触发change事件 回复
    zongzong08 0
    2018/8/8 17:06:57
    还不错,属于我喜欢的简介类型,一个js一个css即可 回复
    ?HERION?? 0
    2018/5/23 9:58:51
    怎么改成中文啊
        西瓜0
        2018/5/23 11:00:41
        看了下API没有找到中文设置的地方,可直接替换BeatPicker.min.js中"Su Mo Tu We Th Fr Sa"等对应的值就行了。
    回复
    原来是这样 0
    2018/5/18 10:19:00
    我在5月份的界面,点击6月5日,然后再次打开为啥是七月份的界面,不应该是六月份吗? 回复
    卑鄙的我丶 0
    2018/5/11 14:14:00
    怎么让 日历一直处于打开状态? 回复
    文墨丶 0
    2018/4/25 17:50:34
    谁知道怎么禁用今天之前的日期啊 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复