2017-08-24 105 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代码,我在代码中做了一些更改,请添加此更新的代码。 –

相关问题