首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Gravity jQuery没有周末

Gravity jQuery没有周末
EN

Stack Overflow用户
提问于 2012-10-23 01:05:40
回答 3查看 2.9K关注 0票数 4

我已经在重力表单中使用gform_post_render函数创建了一个自定义日期选择器,它使用minDate选项提前1天进行选择:

http://www.gravityhelp.com/documentation/page/Gform_post_render

有没有办法可以把周末排除在外?我只想让用户能够选择一天前的工作日。我尝试过使用beforeShowDay: $.datepicker.noWeekends,但这似乎与minDate冲突

这是我的表单:http://www.discountdumpsters.com/shop/30-yard-dumpster/

下面是我的代码:

代码语言:javascript
复制
<script type="text/javascript">
jQuery(document).bind('gform_post_render', function(){
    // destroy default Gravity Form datepicker
    jQuery("#input_1_1").datepicker('destroy');
    // create new custom datepicker
    jQuery("#input_1_1").datepicker({ defaultDate: '+1d', minDate: '+1d',     gotoCurrent: true, prevText: '', showOn: 'both', buttonImage: 'http://www.discountdumpsters.com/wp-content/plugins/gravityforms/images/calendar.png',    buttonImageOnly: true });
});
</script>

任何帮助都是appreciated...thanks!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2013-12-13 03:33:43

意识到我从来没有回答过这个问题。以下是为我工作的最终代码:

代码语言:javascript
复制
jQuery(document).bind('gform_post_render', function(){
    // destroy default Gravity Form datepicker
    jQuery("#input_1_1").datepicker('destroy');
    // create new custom datepicker
    var oneWorkingDays = new Date();
    var adjustments = [0, 1, 1, 1, 1, 1, 0]; // Offsets by day of the week
    oneWorkingDays.setDate(oneWorkingDays.getDate() + 1 + adjustments[oneWorkingDays.getDay()]);
    jQuery("#input_1_1").datepicker({ beforeShowDay: jQuery.datepicker.noWeekends, minDate: '+1d', gotoCurrent: true, prevText: '', showOn: 'both', buttonImage: '/wp-content/plugins/gravityforms/images/calendar.png', buttonImageOnly: true });
});
票数 0
EN

Stack Overflow用户

发布于 2012-10-23 20:23:13

我认为你必须把你的脚本放在页脚而不是页头。

票数 0
EN

Stack Overflow用户

发布于 2012-12-28 00:07:05

实际上,我已经在一个外部js文件上使用了您的代码,它甚至可以与noweekends声明一起工作

代码语言:javascript
复制
jQuery(document).bind('gform_post_render', function(){
// destroy default Gravity Form datepicker
jQuery(".datepicker").datepicker('destroy');
// create new custom datepicker
jQuery(".datepicker").datepicker({ 
    defaultDate: '+1d', 
    minDate: '+1d',  
    gotoCurrent: true, 
    prevText: '', 
    showOn: 'both', 
    buttonImage: '/wp-content/themes/teloaggiustoio/images/calendar_icon.png',    
    buttonImageOnly: true,  
    beforeShowDay: $.datepicker.noWeekends

}); });
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13016233

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档