2017-08-24 108 views
0

我試圖改變日曆的開始日期顯示該月月,開始日期6日期和結束日期是2018年2月17日日期選擇器設定開始日期顯示11月6日

我如何調整它,我試着調整但它不需要幫助

DatePicker(); 
    function DatePicker() { 
    var apb_get_day_advance = (typeof apb_day_book != 'undefined') ? parseInt(apb_day_book) : 0; 
    var date_format = (jQuery.datepicker.regional[apb_lang].dateFormat) ? jQuery.datepicker.regional[apb_lang].dateFormat : 'mm/dd/yy'; 
    var apb_number_of_calendar = (typeof apbAjax.apb_number_calendar != 'undefined') ? parseInt(apbAjax.apb_number_calendar) : 2; 
    $('.date-start-js').datepicker({ 
     format: "mm/dd/yy", 
     buttonImageOnly: false, 

     numberOfMonths: apb_number_of_calendar, 
     minDate : apb_get_day_advance, 

     onClose: function(selectedDate) { 
     var $this = $(this); 
     var $form = $this.closest('form'); 
     if ($('.apb-format-date').length == 0) { 
      $form.append('<input type="hidden" name="apb_formatdate" class="apb-format-date" value="' + $.datepicker._defaults.dateFormat + '">'); 
     } 
     if (selectedDate) { 

      var timeConvert = new Date($this.datepicker('getDate').getTime()); 
      var number_nights = $form.find('.night-select-js').length ? parseInt($form.find('.night-select-js').val()) : 1; 

      var $date_end = $form.find('.date-end-js'); 
      var date_end = new Date(timeConvert); 
      date_end.setDate(date_end.getDate() + number_nights); 

      $date_end.val($.datepicker.formatDate($.datepicker._defaults.dateFormat,new Date(date_end))); 
      $date_end.attr("data-date",$.datepicker.formatDate('mm/dd/yy',new Date(date_end))); 

      /*---------- Add Date Customize ----------*/ 
      $this.attr("data-date",$.datepicker.formatDate('mm/dd/yy',new Date(timeConvert))); 
      /*---------- Add Date Customize ----------*/ 

      /*---------- Relationship to calendar ----------*/ 
      $this.trigger('change'); 
      $('#apb_calendar').datepicker('refresh'); 
      $('#apb_calendar').datepicker('setDate', $.datepicker.formatDate('mm/dd/yy', new Date(timeConvert))); 
      $('td.ui-datepicker-current-day a.ui-state-default').removeClass('ui-state-active'); 

      $form.find('.date-end-js').datepicker("option", "minDate", date_end); 
     } 

     }, 
     beforeShow: function(input, inst) { 
     $('#ui-datepicker-div').addClass('apb-datepicker'); 
     } 
    }); 

回答

2

我希望它能爲你工作。

您可以使用javascript函數禁用上一個日期,例如,如果您想以當前日期開始日期&隱藏所有以前的日期,以便您可以使用javascript函數執行此操作。

首先爲您的輸入字段賦予ID,然後將以下JavaScript代碼添加到您的模板或頁腳文件中。

jQuery("#field_cq59zg").datetimepicker({ 
    // debug: true, 
    useCurrent: false, 
    format: 'DD/MM/YYYY', 
    locale: 'en',  
    minDate: moment('24/08/2017 00:00 AM', 'DD-MM-YYYY'), 
    maxDate: moment('31/12/2020 11:59 PM', 'DD-MM-YYYY'), 
    daysOfWeekDisabled: [] 
}); 
+0

我可以在wordpress中調用該函數嗎? – bwnm29

+0

是的,你可以在wordpress中調用這個函數,但是在這之前請檢查上面的javascript代碼,我在代碼中做了一些更改,請添加此更新的代碼。 –

相關問題