我已经使用gform_post_render函数在重力表单中使用Mindate选项创建自定义datepicker,以提前选择1天:
http://www.gravityhelp.com/documentation/page/gform_post_render
有没有办法排除周末?我只希望用户能够在未来一天选择工作日。我尝试使用beforeShowDay: $.datepicker.noWeekends
,但这似乎与minDate
这是我的形式:http://www.discountdumpsters.com/shop/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>
任何帮助将不胜感激...谢谢!
我认为您必须将脚本列入页脚而不是在头部
实际上我已经在外部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
}); });
意识到我从未回答这个问题。这是对我有用的最终代码:
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 });
});