关于Jquery插件datepicke的困惑

hah008 2012-09-22 04:09:48
$('.startDate').datepicker({
minDate: 'nowdays',
dateFormat: 'yy-mm-dd',
onSelect: function(dateText, inst) {
$('.endDate').val('');
$('.endDate').datepicker({
minDate: $('.startDate').val(),
dateFormat: 'yy-mm-dd'
});
}
});


功能实现:限制系统当前日期之前的日期选择,第一个文本框(.startDate)选择后,第二个文本框的限制日期改为第一个文本框的值(就是从 startDate 之前的日期无法选择)。

困惑问题:代码现在只可以实现一次(刚刷新页面后就可以选择),但第一个文本框选择了日期之后,第二个文本框的限制日期就固定了。change()事件也无法更新触发。

本人JS刚入门菜鸟,求高人指点迷津,解答困惑……
...全文
72 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
hah008 2012-09-22
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 的回复:]

你的思路不对呀:选择第一个日历才绑定第二个日历。而且是每次改变第一个值都绑定一次后面的日历。这是不行的。
你应该第一个框有一个默认值,然后分别绑定两个日期,在第一个选择日期后更新一下第二个日历的最小值限制即可。JScript code
<script>
$('.startDate').datepicker({
minDate: 'nowdays',
dateFormat: '……
[/Quote]

思路问题么? 感谢大神回复~!!!
scscms太阳光 2012-09-22
  • 打赏
  • 举报
回复
你的思路不对呀:选择第一个日历才绑定第二个日历。而且是每次改变第一个值都绑定一次后面的日历。这是不行的。
你应该第一个框有一个默认值,然后分别绑定两个日期,在第一个选择日期后更新一下第二个日历的最小值限制即可。
<script>
$('.startDate').datepicker({
minDate: 'nowdays',
dateFormat: 'yy-mm-dd',
onSelect: function(dateText, inst) {
$('.endDate').val('').datepicker('option', 'minDate', dateText);
}
});

$('.endDate').datepicker({
minDate: $('.startDate').val(),
dateFormat: 'yy-mm-dd'
});
</script>

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧