jQuery日期选择器插件beatpicker

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

 60128  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']"

相关插件-日期和时间

仿百度日历老黄历功能,带节日

功能简单强大,代码带注释,数据接入一目了然
  日期和时间
 61541  569

jQuery移动端日期选择插件jquery-date

此插件依赖jQuery,且是为移动端而写,也支持pc端的使用,但因为操作不便和样式问题,所以不建议。
  日期和时间
 29885  307

新浪的一款时间插件

新浪的一款时间插件
  日期和时间
 62643  432

Jquery时间,日期控件

Jquery时间,日期控件,高端大气,可以设置小时分钟。
  日期和时间
 91282  489

讨论这个项目(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
    谁知道怎么禁用今天之前的日期啊 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复