如何锁定在管理区域创建的 WooCommerce 日期答案

【问题标题】：How to lock WooCommerce date created on administration area如何锁定在管理区域创建的 WooCommerce 日期
【发布时间】：2019-08-13 09:21:34
【问题描述】：

您好，有人帮助了我，关于我在 woocommerce 上的案例，我想在您在后端区域添加订单时锁定在 woocommerce 后端区域创建的日期。

我在这里找到了同样的案例 - link here

是否有不需要任何 JavaScript 的可用 sn-ps

【问题讨论】：

最好的方法是 JavaScript。因为否则需要修改页面的构建功能。因此，当我理解正确时，您只想锁定已创建的订单，而不是客户在购买商品时创建的订单？
实际上只有我们的员工会创建订单，但只能通过后端创建，所以如果只有 JavaScript 方式，你能告诉我如何做到这一点......或者你能帮忙吗，因为我不知道怎么做去做...
您可以在 JavaScript 的帮助下禁用输入。这是唯一的方法。否则，您需要编辑页面模板。但我认为当你不知道时，JavaScript 会是更好的解决方案。
还在吗？你能看看我的答案吗？

标签： wordpress woocommerce code-snippets

【解决方案1】：

我用这个简单的 CSS 解决了我的问题，在订单后端禁用该日期...

.date-picker {pointer-events: none}

【讨论】：

如果您想使用 CSS，我希望更具体一点。检查我的答案。

【解决方案2】：

所以我们开始了。您首先需要在您的子主题中创建一个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 后端是已知的。现在打开文件并将其放入您的文件以禁用 WooCommerce 订单的 date 和 time 输入：

jQuery(document).ready(function () {
    jQuery(".order_data_column .date-picker, .order_data_column .hour, .order_data_column .minute").prop('disabled', true);
});

保存并上传到您的服务器。清理 cookie 并重新加载页面。现在应该禁用日期和时间输入。让我知道它是否适合你。

更新

如果你想使用 CSS，你不应该只禁用所有的日期选择器类。我会在这里更具体，只需禁用您真正想要禁用的日期选择器：

.order_data_column .date-picker,
.order_data_column .hour,
.order_data_column .minute {
    pointer-events: none;
}

为了让它更漂亮，你可以将包装器的光标设置为不允许：

#order_data .order_data_column .form-field {
    cursor: not-allowed;
}

这将进入您的 admin.css 文件。

机器人解决方案正在发挥作用。它们都有优点和缺点。

JS 解决方案是基于 HTML 的，因为这会为每个指定的输入字段设置一个 disabled 参数。这是一个后端代码解决方案。

CSS 解决方案根本不会禁用输入。您只需禁用光标单击此特定字段。所以这是一个基于视图的解决方案。

【讨论】：

等一下，我会再试一次...只是我不知道为什么它不起作用，也许我做错了什么...