日期选择器设置startdate show 6 nov

时间:2017-08-24 07:55:51

标签: jquery wordpress

我正在尝试更改日历中的开始日期以显示11月,从日期6开始,结束日期是2018年2月17日

我如何调整它我尝试调整但不起作用需要帮助

 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');
      }
    });

1 个答案:

答案 0 :(得分:2)

我希望它对你有用。

您可以使用javascript功能停用上一个日期,例如,如果您想使用当前日期&amp;隐藏所有以前的日期,以便您可以使用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: []
});