Giter Club home page Giter Club logo

cxcalendar's People

Contributors

ciaoca avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

cxcalendar's Issues

startDate指定时分秒的bug

var d = new Date();
d.setHours(9,0,0);
dateFirst.cxCalendar({startDate:d,type:'datetime',format:'YYYY-MM-DD HH:mm:ss'});

startDate 这个参数若只设置 时、分、秒时,
当指定的值大于当前时间则正常,否则就有异常了,正确值应该是第二天的指定时、分、秒

动态加载的数据无法绑定

动态加载的数据无法绑定

在页面里点击按钮新增一行tr input name="next_date" /tr,此条为append()添加,
$('input[name=next_date]').cxCalendar();无法绑定,在$(document)中也无法绑定,

望指教

报错反馈

line 358、line 363、line368 创建的是input元素,但用了 .html(),虽然JQ不会出现啥错误,但是当给一个元素使用 .html() 参数传的是一个 undefined 变量的话,会导致后面的appendTo报错,执行不下去。

建议:
1、初始化_html 这个变量的时候 ,把它初始化为空
2、创建完input后不要跟 .html() 函数,即去掉 .html(_html)

月份列表显示不正确

当设定:type: "date",endDate:new Date()时;如,当前为5月份,
切换年份至之前的年份,例如,当前2023年,切换为2022年,
月份选择列表中的月份列表没有更新,还是2023年的1-5月,应为1-12月。

增加触发事件

默认是click事件

obj.bind("click",fun.show);

增加focus事件, 方便使用tab按键切换的用户.

月份列表显示不正确

当设定:type: "date",endDate:new Date()时;如,当前为5月份,
切换年份至之前的年份,例如,当前2023年,切换为2022年,
月份选择列表中的月份列表没有更新,还是2023年的1-5月,应为1-12月。

today按钮的bug

当点toda 按钮的时候得考虑data-start-date 、data-end-date两个参数的值,如果不在可选范围内,today得隐藏或 return 掉,不让可点。

另外提个建议:
有时候根据业务需要,有些特殊情况,如以下场景:
1、只要选择年
2、只需要月份
3、同时需要年和月
这些是可以考虑完善一下的。谢谢!

css样式与bootstrap冲突,及一个难以关闭选取框的缺陷修复

你好,我在项目中使用了你的日期组件,使用中碰到两个问题,反馈给你。

我的项目中同时用了bootstrap,我发现两者之间有点冲突,会导致日期选择框内的内容排列错乱,修复方法如下:
.cxcalendar增加一个样式:box-sizing:content-box;
同时增加一个新的样式:
.cxcalendar *{box-sizing:content-box}
或者您可以大修一下,使其在border-box下正常显示,与bootstrap兼容。

另一个问题,我一开始用的时候发现弹出的选取框没法关闭,只能选了日期后才能关闭,在页面中其它部分点击无法关闭,而你的演示页面上不存在这个问题。找了头天才找到原因,原因是那个遮罩层太小了,而你的演示页面上为body定义了minheight来避免这个问题。这是由于你在定义遮罩层大小时用的是body的宽、高引起的,修复如下:
var docWidth = document.body.clientWidth;
var docHeight = document.body.clientHeight;
改成如下,使用窗口的宽、高:
var docWidth = document.documentElement.clientWidth;
var docHeight = document.documentElement.clientHeight;

如何触发选择日期后的事件

比如我要实时修改查询结果,当我点击日期后,立刻要调用我的一个函数,我用react 的 onChange事件取监听 监听不到 源码好像是用html() 实现 这东西好像不能触发事件(具体我也没去试)

jQuery cxCalendar的建议

建议:
1、在日期选择面板里增加两个按钮,一个清除按钮, 用于清除上一次选择的时间值,另一个快捷选择今天的按钮;
2、如果type值为:'datetime' 时,修改时间的交互方式不太友好,建议用select标签;
3、新增一个参数,限制不能选取周末;
4、增加一个接口,可以自定义添加哪些日期不让选择(如自定义节假日不让选择);
5、提供一个回调函数可以获取当前取值为当月和当年的第几周
希望能采纳,谢谢!

清除日期值,没能彻底清除掉已选中的日期的状态,想还原成初始状态。

http://code.ciaoca.com/jquery/cxCalendar/demo/api
你好,
DOM页--API接口里的示例按钮:
1.点击“”设置日期值(2014.11.29)“
日历输入框显示 2014.11.29 00:00:00

2.点击“”清除日期值“”,日历输入框 为空

3.再点击日历输入框 ,打开日历选择器,
201.11.29 还存在高亮的选中状态,
如下图
qq 20180601164055

想去掉它的选中状态,类似还原成初始状态。

用了其它方法解决

月份

1645000828(1)
请问一下现在为什么不能选择1月份,是因为超过一年前的时间不能选择?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.