【问题标题】:Gravity Forms jQuery No WeekendsGravity Forms jQuery 没有周末
【发布时间】:2012-10-22 17:05:39
【问题描述】:

我已经使用 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>

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

【问题讨论】:

    标签: jquery wordpress gravity


    【解决方案1】:

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

    【讨论】:

    • 脚本位于头部并且运行良好...我只需要知道如何删除不与 minDate 冲突的周末
    【解决方案2】:

    实际上我已经在外部 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
    
    }); });
    

    【讨论】:

      【解决方案3】:

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

      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 });
      });
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-12-14
        • 1970-01-01
        • 2014-12-06
        • 1970-01-01
        • 2012-09-04
        • 2016-12-19
        • 2020-06-17
        相关资源
        最近更新 更多