0

以下は、日付ピッカーコードです。ここでは、日曜日と土曜日が無効になっています。日曜日を有効にするために多くのことを試みました。日曜日のみを稼働日として有効にするために何を変更しますか。

<script>
      (function ($) {
    var disabledDays = ["5-28-2012","7-4-2012","7-5-2012","7-6-2012","9-3-2012","9-17-2012","9-26-2012","11-22-2012","11-23-2012","12-25-2012","1-1-2013"];
    function nationalDays(date) {
      var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
      for (i = 0; i < disabledDays.length; i++) {
        if($.inArray((m+1) + '-' + d + '-' + y,disabledDays) != -1) {
          return [false];
        }
      }
      return [true];
    }
    function noWeekendsOrHolidays(date) {
      var noWeekend = jQuery.datepicker.noWeekends(date);
      return noWeekend[0] ? nationalDays(date) : noWeekend;
    }
    var fourWorkingDays = new Date();
    var adjustments = [0, 0, 2, 2, 2, 2, 1];
    fourWorkingDays.setDate(fourWorkingDays.getDate() + 1 + adjustments[fourWorkingDays.getDay()]);
    jQuery(document).ready(function() {
      jQuery('#cf3_field_10').datepicker({
        minDate: 0,
       //maxDate: new Date(2011, 11, 31),
        dateFormat: 'DD, MM, d, yy',
        constrainInput: true,
        beforeShowDay: noWeekendsOrHolidays
      });
      jQuery('#cf3_field_11').timepicker({
            showPeriod: true,
            onHourShow: OnHourShowCallback,
            onMinuteShow: OnMinuteShowCallback
    });
    function OnHourShowCallback(hour) {
        if ((hour > 18) || (hour < 9)) {
            return false; // not valid
        }
        return true; // valid
    }
    function OnMinuteShowCallback(hour, minute) {
        if ((hour == 18) && (minute >= 0)) { return false; } // not valid
        if ((hour == 9) && (minute < 30)) { return false; }   // not valid
        return true;  // valid
    }
    });
    })(jQuery);
      </script>

すでに無効になっている営業日として日曜日のみを有効にしたいwww.jbediamonds.com/form.php、DATEセクションを確認してください

4

3 に答える 3

1

これは日付ピッカーのテキストボックスです

<input id="txtDate" type="text" />

これが関数の呼び出し元です:

   $(function () {
    $('#txtDate').datepicker({
        beforeShowDay: disabledays
    });
});

これが有効化無効化機能です。

   var unavailableDates = ["2013-3-31", "2013-3-24"];

function disabledays(date) {
    var ymd = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
    if ($.inArray(ymd, unavailableDates) >= 0) {
        return [false, "", "Unavailable"];
    } else {
        //Show only sundays and thuersdays
        var day = date.getDay();
        return [(day == 0 || day == 1 || day == 4)]; // add here date you want to enable
    }
}
于 2013-02-01T09:58:15.723 に答える
1

以下のように、いくつかの日付ピッキング プロパティをjsに追加してみてください。

selectable_days: [0, 1, 2, 3, 4, 5, 6],
  non_selectable: [],
  rec_non_selectable: [],
  start_of_week: 1,
  show_week: 0,
  select_week: 0,
  week_label: "",
  date_min: "",
  date_max: "",

または最も簡単な方法 - 別の jQuery DatePicker を使用します。

これは実装が非常に簡単で、プロパティを変更するのも簡単です。

于 2013-02-01T09:54:24.730 に答える
0

jQuery.datepicker.noWeekends(date)土曜日と日曜日の両方を無効にするを使用しています。

特定の日のみを無効にする方法については、こちらをご覧ください:jqueryuiの日付ピッカーの日曜日への制限

于 2013-02-01T09:57:37.803 に答える