日期选择器设置开始日期显示 11 月 6 日

Question

我正在尝试更改日历中的开始日期以显示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');
}
});

Answer 1

我希望它能为你工作。

您可以使用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: []
});