Итак, поехали.Сначала вам нужно создать файл admin.js в вашей дочерней теме.Вы можете поместить это в папку с именем js:
- ChildTheme
- js
- admin.js
После этого нам нужно включить этот файл в WordPress.Для этого вам нужно поместить эту часть кода в ваш functions.php файл:
/**
* Add ressources to dashboard page
*/
add_action( 'admin_enqueue_scripts', 'admin_enqueue_styles' );
function admin_enqueue_styles() {
wp_enqueue_script( 'admin-js', get_stylesheet_directory_uri() . '/js/admin.js' );
}
Теперь ваш admin.js известен в бэкэнде WordPress.Откройте сейчас файл и поместите его в свой файл, чтобы отключить ввод date и time заказов WooCommerce:
jQuery(document).ready(function () {
jQuery(".order_data_column .date-picker, .order_data_column .hour, .order_data_column .minute").prop('disabled', true);
});
Сохраните его и загрузите на свой сервер.Очистите куки и перезагрузите страницу.Ввод даты и времени теперь должен быть отключен.Дайте мне знать, если это работает для вас.
ОБНОВЛЕНИЕ
Если вы хотите использовать CSS, вы не должны просто отключить все классы выбора даты.Я хотел бы быть более конкретным здесь и просто отключить средства выбора даты, которые вы действительно хотите отключить:
.order_data_column .date-picker,
.order_data_column .hour,
.order_data_column .minute {
pointer-events: none;
}
И чтобы сделать это более необычным, вы можете установить курсор для оболочки на not-allowd:
#order_data .order_data_column .form-field {
cursor: not-allowed;
}
Это входит в ваш файл admin.css.
Бот-решения работают.У них обоих есть свои преимущества и недостатки.
Решение JS основано на HTML, поскольку оно устанавливает параметр disabled для каждого указанного поля ввода.Это решение с внутренним кодом .
Решение CSS не отключает ввод вообще.Вы просто отключаете нажатие курсора на это полеТак что это решение на основе вида .