在 WooCommerce 中隐藏订单时间的符号“@”和冒号“:”在后端添加新订单页面答案

【问题标题】：Hide the symbol "@" and colon ":" of order time in the WooCommerce Add new order page in backend在 WooCommerce 中隐藏订单时间的符号“@”和冒号“:”在后端添加新订单页面
【发布时间】：2021-06-05 21:50:39
【问题描述】：

如何在 WooCommerce 管理员添加新订单页面中隐藏订单时间的符号“@”和冒号“:”？我检查了 Chrome 中的元素以找到类或 ID，但未找到。我知道我可以用这段代码隐藏它。

add_action('admin_head', 'my_custom_style');
function my_custom_style() {
  echo '<style>
div {display: none;}
  </style>';
}

enter image description here

【问题讨论】：

它的目的是什么？它会自动将时间设置为当前时间戳。就算你把它藏起来，它也有时间。
我只需要它自动设置日期和时间。我不需要它在那里手动设置。为了自定义我想要的东西，我会尝试隐藏我不需要的元素。

标签： woocommerce

【解决方案1】：

我没有看到这样做的目的，但如果你真的想这样做，你可以使用输入名称 css 选择器来做到这一点。

我已经使用 CSS 和 JS 来摆脱 @ 和 :。

add_action('admin_footer', 'bks_my_custom_style');

function bks_my_custom_style() {
    echo '
    <script>
    jQuery(function() { 
    var text = jQuery(".order_data_column_container .form-field").contents().filter(function() {
          return this.nodeType == Node.TEXT_NODE;
        }).remove();
     });
  </script>
  <style>
    input[name="order_date_minute"],
    input[name="order_date_hour"] 
    {
        display: none;
    }
  </style>
  ';
}

代码进入functions.php 文件。

经过测试并且有效。

截图：

【讨论】：

我已经尝试过您的代码，但它不起作用。问题是我只通过后端创建订单。创建订单时，我不需要该选项来手动设置时间和日期。所以，我尝试隐藏我不需要的元素。
您是如何添加代码的？我重新检查并且它正在工作。我已经用截图更新了我的答案。 @catytopy
我明白了。但是你可以看到“@‎:”仍然存在。这就是我找不到任何类或 id 来隐藏它的原因。抱歉信息少。其实重点是我无法隐藏符号“@”和冒号“:”。
请使用此信息更新您的问题。我会改变我的答案来涵盖这一点。
@catytopy，我已经更新了我的答案（代码+屏幕截图）。再试一次。