1

Ok, so I'm trying to edit the datepicker in my Gravity Form. It's a simple order for for flowers but I'm wanting to make it so you can't pick past dates, Sundays (we're closed) and if it's after 11am CST then it would block that day and go to the next.

Currently I've found a way to block past dates but anything and everything I've tried to disable Sundays has not worked, and I have no idea how to disable the day after 11am.

If anyone could lend a hand, that would be great! Thanks!!

What I have so far for the blocking of the past dates:

jQuery(document).ready(function($) {
    $("#input_1_5").datepicker({ minDate: 0 });
});
4

2 に答える 2

1 
   $(function () {
     $("#input_1_5").datepicker({
        minDate: new Date().getHours() >= 11 ? 1 : 0,
        beforeShowDay: function (date) {
        var day = date.getDay();
        return [(day !=0 ), ''];
        }
     });
   });
于 2014-04-04T08:47:27.423 に答える
0

日付ピッカーでは、日付のみを選択できます(時間/分ではありません) 。dateFormatのドキュメントとそれに関するユーティリティを参照してください。

日曜日を無効にし、過去の日付をブロックするためのスニペット:

$(function() {
    $("#input_1_5").datepicker({
        minDate:0,
        beforeShowDay: function(date) {
            var day = date.getDay();
            return [(day != 0), ''];
        }
    });
});    
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<input type="text" id="input_1_5" />

PS - 本当に日曜日の午前 11 時を無効化/ブロックする必要がある場合は、TimePickerという名前のこの拡張 jQuery Ui DatePicker をご覧ください。

于 2014-04-03T01:17:58.807 に答える