【问题标题】:Javascript Calendar deselecting date when date is selected again instead of reselecting it再次选择日期而不是重新选择日期时,Javascript日历取消选择日期
【发布时间】:2014-07-22 17:50:05
【问题描述】:

我使用来自 No Gray 的日历,在 http://www.nogray.com/calendar.php 找到,我意识到我遇到的问题是由于当您单击已选择的同一日期时,它取消选择日期而不是再次重新选择它,如果它在表单中传递,则该字段的值为空。

我已经阅读了软件的使用和选项,我能看到的唯一可能有帮助的选项是在 http://www.nogray.com/api/calendar/is_selected.php 找到的“ng.Calendar.is_selected”,我不确定这是否正确,但即使在他们自己网站上的演示中,它也以相同的方式工作并取消选择日期而不是重新选择它。

我已经尝试了所有方法,但无法让它执行,如果您单击已选择的相同日期,它不会取消选择日期而只是重新选择它。

例子在这里http://www.nogray.com/example.php?ID=260。

我已经尝试了一周没有任何乐趣,请问如何做到这一点。

提前谢谢你。

【问题讨论】:

  • 嗨,RA,取消选择日期是日历的标准设置。您希望“重新选择日期”功能如何工作。
  • 我想要它,这样当您已经选择了一个日期时,如果您在该日历关闭后返回并再次选择该日期,它不会取消选择它并且将始终具有一个日期值在表单中使用,因为始终需要日期,当前当您这样做时,它会取消选择日期并将输入字段留空。谢谢。

标签: javascript php jquery validation calendar


【解决方案1】:

此示例可能会有所帮助,但除非清除输入字段,否则用户将无法取消选择日期。

<input id="forced_click_select" type="text">
<script src="PATH/TO/ng_all.js" type="text/javascript"></script>
<script src="PATH/TO/components/calendar.js" type="text/javascript"></script>
<script type="text/javascript">
ng.ready( function() {
    var fcs_cal = new ng.Calendar({
        input: 'forced_click_select',
        events: {
            onDateClick: function(dt){
                this.select_date(dt);
            }
        }
    })
});
</script>

http://www.nogray.com/example.php?ID=307

【讨论】:

  • 抱歉,这不起作用。我想要它,这样当您已经选择了一个日期时,如果您在该日历关闭后返回并再次选择该日期,它不会取消选择它并且将始终有一个日期值在表单中使用,因为日期是始终需要,当前当您这样做时,它会取消选择日期并将输入字段留空。目前我已经输入: {date:'date1', month:'month1', year:'year1'},selected_date:new Date(),display_date:new Date(),dates_off:[{date:1, month:0 },{date:25, month:11}],然后是 onSelect 事件。谢谢
  • 嗨,RA,上面的代码将在用户点击后保持选中的日期,但如果用户清除输入字段,日期将被取消选中。在处理表单之前,您可能需要一个简单的验证。例如(使用上面的代码),if (!ng.defined(fcs_cal.get_last_selected_date())) alert("Please select a date");
  • 如果您想要一个不会取消选择的自定义日历版本,请通过nogray.com/contact.php与我们联系,我们将通过电子邮件向您发送更新文件。
  • 谢谢。你上面说的代码, if (!ng.defined(fcs_cal.get_last_selected_date())) alert("请选择一个日期");是作为脚本进入 区域还是进入 ng.ready 区域?
  • 我已经尝试将它与 中的其他验证一起使用,并且我也尝试在事件区域中使用它,但都不起作用。
猜你喜欢
  • 2016-01-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-06-07
  • 2021-10-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多