4

我在 Gravity Forms 中使用了 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/

这是我的代码:

<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>

任何帮助将不胜感激......谢谢!

4

3 回答 3

0

我认为您必须将脚本排入页脚而不是头部

于 2012-10-23T12:23:13.123 回答
0

实际上我已经在外部 js 文件上使用了您的代码,即使使用 noweekends 声明它也可以正常工作

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

}); });
于 2012-12-27T16:07:04.607 回答
0

意识到我从来没有回答过这个问题。这是对我有用的最终代码:

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 });
});
于 2013-12-12T19:33:42.617 回答