RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / user-228553

BlackStar1991's questions

Martin Hope
BlackStar1991
Asked: 2025-03-19 23:17:11 +0000 UTC

我如何才能理解是什么阻止了对站点的请求并导致 403 错误?

  • 5

存在这样的问题——具有特定 IP 地址的特定用户无法访问该站点。给他留言Access Denied

我的问题是,我如何知道究竟是什么阻碍了它?网站、托管或其他。其他用户可以访问该网站。如果你通过 VPN 访问,那么在他的城市也可以使用。该用户之前没有访问过此站点,但是有东西阻止了它。是否有任何网络浏览器应用程序或类似的东西可以模拟别人的 IP 进行测试?至少要确保这是一个托管问题,以确保它在本地被允许。

也许有一些命令可以用来从给定的 IP ping 某个站点?

php
  • 1 个回答
  • 59 Views
Martin Hope
BlackStar1991
Asked: 2025-02-16 21:13:15 +0000 UTC

WP 可以下载上传目录吗?

  • 5

某个站点上有WordPress必要的媒体文件,问题是,是否可以下载位于该地址的所有文件,\wp-content\uploads\前提是不知道最终文件名? *也就是说,您需要从文件夹中获取那里的内容,但您不知道该文件的名称和请求...sitemap.xmp 不显示文件,但它们并没有被机器人关闭以供索引。

wordpress
  • 2 个回答
  • 37 Views
Martin Hope
BlackStar1991
Asked: 2025-01-25 05:57:56 +0000 UTC

是否可以为 SVG 元素设置背景相关的颜色?

  • 8

有一些SVG动画,<path>它在白色和黑色背景下沿着屏幕移动。是否可以使用 CSS/SVG,以便当 SVG 元素进入黑色背景时,其颜色变为白色?我认为可以使用mix-blend-mode以某种方式做到这一点但我还没有得到任何足够的结果。也许有人可以给出建议?

这是一个非常简单的例子

body{
  padding: 0;
  background: linear-gradient(90deg, #fff 50%, #00f 50%, #00f);
  display:grid;
  height: 100vh;
  justify-content: center;
  align-content: center;
}

svg{
  mix-blend-mode: multiply;
}
<svg width="200" height="100" xmlns="http://www.w3.org/2000/svg">
    <path d="M10 50 L190 50" stroke="black"  fill="none"/>
</svg>

是否可以在不改变 html 的情况下将行的右侧部分变为白色?

css
  • 1 个回答
  • 55 Views
Martin Hope
BlackStar1991
Asked: 2024-10-07 19:15:51 +0000 UTC

跟踪具有绝对值的元素的位置

  • 6

有这样一个功能性任务的基本例子。两个块,子级相对于父级具有绝对定位并且大于其大小。它超出了边缘。

body {
  margin: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.block {
  position: relative;
  width: 300px;
  height: 300px;
  border: 1px solid #000;
}

.absolute {
  position: absolute;
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  z-index: -1;
  background-color: pink;
}
<div class="block">
  <div class="absolute"></div>
</div>

问题 - 如何确保孩子永远不会离开屏幕的可见区域? 限制器

如何编写一个处理程序(也许有人知道 CSS 中的解决方案),以保证在调整浏览器窗口大小时,子窗口(粉色块)不会超出范围。也就是说,一旦范围接近带有“position:absolute;”的块它的父级开始移动,并且仅当视口变得小于宽度时: calc(100% + 40px);显示屏会坏。

为了清楚起见,另一个例子

body {
  margin: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.block {
  position: relative;
  width: 300px;
  height: 300px;
  border: 1px solid #000;
}

.absolute {
  position: absolute;
  left: -20px;
  top: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  z-index: -1;
  background-color: pink;
}
<div class="block">
  <img class="absolute" src="https://placehold.co/340x340?text=Hello+World" alt="image">
</div>

调整范围大小时,浏览器由父元素引导并缩放元素,.block但我感兴趣的是如何绑定到子元素position:absolute;

javascript
  • 2 个回答
  • 65 Views
Martin Hope
BlackStar1991
Asked: 2024-09-11 03:42:07 +0000 UTC

CSS 通过伪元素创建图标

  • 6

告诉我如何创建某个类,并将其分配给这个类,<div>您可以获得与此类似的图像。

图标

我有原版空白。

body{
  margin: 0;
  background-color: #090C09;
}


.gr {
  width: 60px;
  height: 60px;
  
  
  position: relative;
  box-sizing: border-box;
  border: 2px solid #000;
  outline: 1px solid rgba(30, 32, 29, 0.4);
  outline-offset: 3px;
  background-image: linear-gradient(#0e130f 2px, transparent 2px),
  linear-gradient(90deg, #0e130f 2px, transparent 2px);
  background-size: 2px 2px;
  background-color: #0B100A;


  box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.9);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
<div class="gr"></div>

但我不明白如何用CSS来实现这个“十字”。也许有人可以展示?最好是通过:before :after

/// 添加了一个 SVG 示例

body{
  margin: 0;
  background-color: #090C09;
}


.gr {
width: 60px;
height: 60px;
position: relative;
box-sizing: border-box;
border: 2px solid #000;
outline: 1px solid rgba(30, 32, 29, 0.4);
outline-offset: 3px;
background-image: 
  linear-gradient(#0e130f 2px, transparent 2px),
  linear-gradient(90deg, #0e130f 2px, transparent 2px);
background-size: 60px 60px;
background-color: #0B100A;
box-shadow: inset 0 0 40px 0 rgba(0, 0, 0, 0.9);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
  }
  
  .gr_new:after{
content:"";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-image:  url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 60%22 style=%22enable-background:new 0 0 60 60%22 xml:space=%22preserve%22%3E%3Cstyle%3E.st1,.st2%7Bfill:none;stroke-miterlimit:10%7D.st1%7Bstroke:%23283028;stroke-width:4%7D.st2%7Bstroke:%23000%7D%3C/style%3E%3Cg%3E%3Cpath class=%22st1%22 d=%22m0 0 60 60M0 61 60 0%22/%3E%3Cpath class=%22st2%22 d=%22m1.5-1.5 29 29M29.5 32.5l29 29M-1.5 1.5l29 29M32.5 29.5l29 29M-1.5 59.5l29-29M1.5 62.5l29-30M32.6 30.1 61.5 1.5M30.5 27.5l28-29%22/%3E%3C/g%3E%3C/svg%3E');
}
<div class="gr gr_new"></div>

css
  • 2 个回答
  • 54 Views
Martin Hope
BlackStar1991
Asked: 2024-06-13 20:04:18 +0000 UTC

CSS 将文本放在块的不同侧面?

  • 5

这是一个简单的例子:

body {
  margin: 0;
}

h1 {
  font-size: 15vh;
  width: 30vw;
  text-align: justify;
  margin: 1vh 0;
}
<h1>Text1 Text2Long</h1>

问题 - 是否可以使用某些СSS属性使单词延伸到块的整个允许宽度?如果标签中有两个单词,第一个单词始终位于左侧,第二个单词始终位于右侧,该怎么办?无需在html标记中添加第三方标签。

text-align: justify;它没有按预期工作。

这就是我希望最终的结果。框架显示了块的面积。块宽度可以动态改变。该属性的类似物justify-content: space-between,但对于文本字段......字数并不重要。 例子

html
  • 2 个回答
  • 49 Views
Martin Hope
BlackStar1991
Asked: 2024-05-06 21:48:51 +0000 UTC

JS 解析字符串并获取所有标头?

  • 4

有这样一个简单的例子。

let content = '<h1 class=\"sr-only\">TEST1<\/h1><h1 class=\"cookie-banner__headline\">\nCookie-Settings\n<\/h1>';
let regex = /<h1[^>]*>(.*?)<\/h1>/g;

let res = [];
let match;

while ((match = regex.exec(content)) !== null) {
    res.push(match[1]);
}

console.log(res);

任务是如何将所有找到的标题文本的数组写入变量?标签之间包含的所有内容都必须 <h1> </h1> 是 res 数组的元素。(* 变量content可以包含任何属性)

javascript
  • 2 个回答
  • 60 Views
Martin Hope
BlackStar1991
Asked: 2024-04-01 18:02:06 +0000 UTC

WP 如何从类参数中过滤小部件列表?

  • 5

有一个小部件元素的标准输出 - 最新帖子。如何防止默认 <ul>值被添加到标签中?class帖子列表

我的过滤器钩子不起作用。

<?php
add_filter('widget_posts_args', 'remove_latest_posts_classes');
function remove_latest_posts_classes($args) {
    $args['before_widget'] = str_replace('class="wp-block-latest-posts__list wp-block-latest-posts"', '', $args['before_widget']);
    return $args;
}
wordpress
  • 1 个回答
  • 21 Views
Martin Hope
BlackStar1991
Asked: 2024-03-21 00:24:28 +0000 UTC

Slick Slider 如何显示上一张和下一张幻灯片的一部分?

  • 5

需要一个滑块不仅显示当前幻灯片,还显示上一张和下一张幻灯片的 24%,请告诉我如何实现?我在文档中找不到它。 3 张幻灯片 我试过这个。

jQuery(function($) {


  //     Slider
  const slider = $(".slider");
  slider.slick({
    centerMode: true,
    infinite: false,
    slidesToShow: 1.24,
    centerPadding: "20px",
    speed: 500,
    initialSlide: 1,
    responsive: [{
        breakpoint: 768,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: "20px",
          slidesToShow: 1
        }
      },
      {
        breakpoint: 490,
        settings: {
          arrows: false,
          centerMode: true,
          centerPadding: "10px",
          slidesToShow: 1
        }
      }
    ]
  });


});
body {
  margin: 0;
}

.wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.slider {
  padding: 0;
  list-style-type: none;
}

.slider_item {
  position: relative;
}

.slider_item span {
  position: absolute;
  bottom: 20%;
  left: 50%;
  font-size: 40px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css" />


<div class="wrapper">
  <ul class="slider">
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>1</span>
    </li>
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>2</span>
    </li>
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>3</span>
    </li>
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>4</span>
    </li>
    <li class="slider_item">
      <img src="https://placehold.co/795x472" alt="image1" width="795" height="472" loading="lazy">
      <span>5</span>
    </li>
  </ul>


</div>




<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>

javascript
  • 1 个回答
  • 26 Views
Martin Hope
BlackStar1991
Asked: 2024-03-12 04:30:33 +0000 UTC

嵌入 Youtube 视频并自动播放?

  • 5

需要YouTube在网站上嵌入一段视频并自动播放。

文档说只需添加?autoplay=1该属性allow="autoplay",如果它不是 18+,你会很高兴。但它不起作用......(*即使他们的例子和解释也不起作用)。在其他论坛上,他们建议关闭声音,然后一切都会开始。但有些事也无济于事。

这个问题有解决办法吗?

<iframe width="560" height="315"
    src="https://www.youtube.com/embed/kJQP7kiw5Fk?autoplay=1&muted=1"  allow="autoplay"
    allowfullscreen></iframe>

html
  • 1 个回答
  • 52 Views
Martin Hope
BlackStar1991
Asked: 2024-02-22 02:04:31 +0000 UTC

ACF 将图像添加到菜单项

  • 6

需要将图像添加到标准菜单项WordPress。由于该网站已经在使用该插件ACF,因此我决定使用文档中描述的其功能。

这是我们得到的代码。

add_filter('wp_nav_menu_objects', 'my_wp_nav_menu_objects', 10, 2);
function my_wp_nav_menu_objects($items, $args) {
    foreach ($items as &$item) {
        $icon = get_field('image_icon', $item);
        if ($icon !== false) {
            $icon_html = '<div class="decor-block_wrapper"><img class="decor-block_stars" src="' . esc_url($icon['url']) . '" alt="' . esc_attr($icon['alt']) . '" /></div>';
            $item->title = $icon_html . '<a href="' . $item->url . '">' . $item->title . '</a>';
        }
    }
    return $items;
}

它确实添加了图像,但由于某种原因它将其包装在链接标记中。 在此输入图像描述 如何摆脱这个?我怎样才能做到这一点而不$icon_html将其包装在链接中?我在文档中读到wp_nav_menu_items之前有,但我不明白如何在这里应用它......所有尝试都不成功。告诉我如何将图像添加到标签之外的菜单项<a>?

wordpress
  • 1 个回答
  • 29 Views
Martin Hope
BlackStar1991
Asked: 2024-02-03 01:28:05 +0000 UTC

WordPress 如何将媒体文件传输到新的WP?

  • 5

上有两个网站WordPress。一个旧的,您需要从中获取所有媒体文件(图像/文档)并将其传输到一个新的,其中您已经拥有自己的帖子和媒体文件。我的行动。

  1. 我从旧网站获取了整个类别uploads并将其上传到新网站。
  2. 我从表中导出了所有值wp_posts,post_type=attachment 然后用我自己的值替换了这些值并将它们导入到新站点自己的数据库中。
INSERT IGNORE INTO `wp_posts` (`ID`, `post_author`, `post_date`, `post_date_gmt`, `post_content`, `post_title`, `post_excerpt`, `post_status`, `comment_status`, `ping_status`, `post_password`, `post_name`, `to_ping`, `pinged`, `post_modified`, `post_modified_gmt`, `post_content_filtered`, `post_parent`, `guid`, `menu_order`, `post_type`, `post_mime_type`, `comment_count`) VALUES
(768, 1, '2019-10-07 14:13:58', '2019-10-07 14:13:58', '', 'Refugee Integration & Economic Contributions', '', 'inherit', 'closed', 'closed', '', 'refugee-integration-economic-contributions', '', '', '2019-10-07 14:13:58', '2019-10-07 14:13:58', '', 767, 'https://rcusa.websitetesturl2.com/wp-content/uploads/2019/10/Refugee-Integration-Economic-Contributions.pdf', 0, 'attachment', 'application/pdf', 0),
(770, 1, '2019-10-07 14:18:29', '2019-10-07 14:18:29', '', 'At A Glance - Refugee Integration and Economic Contributions', '', 'inherit', 'closed', 'closed', '', 'at-a-glance-refugee-integration-and-economic-contributions', '', '', '2019-10-07 14:18:29', '2019-10-07 14:18:29', '', 769, 'https://rcusa.websitetesturl2.com/wp-content/uploads/2019/10/At-A-Glance-Refugee-Integration-and-Economic-Contributions.pdf', 0, 'attachment', 'application/pdf', 0);

它正常导入,需要更改所需表中的ID...但在新站点中我仍然看不到它们,Media Library为什么?我做错了什么,为什么它们没有显示在库中并且无法选择或分配给其他帖子?

在此输入图像描述

wordpress
  • 1 个回答
  • 28 Views
Martin Hope
BlackStar1991
Asked: 2024-02-01 04:42:03 +0000 UTC

CSS 如何制作水平滚动的全屏部分?

  • 5

有这么一个原始的html/css

body {
  margin: 0;
}

.main {
  display: flex;
  overflow-x: auto;
}

.main_section {
  background-color: #f00;
  width: 100%;
  height: 100vh;
}

.main_video {
  background-color: #ff0;
  width: 200%;
  height: 100vh;
}
<main class="main">
  <div class="main_section">

  </div>
  <div class="main_video">

  </div>
</main>

如何使该部分main_section占据屏幕的整个宽度,并且该对象本身.main可以水平滚动,但不添加垂直滚动。我试图重复这个例子中的黑客行为。但出了点问题。.main_section {min-width:100vw;}如果我对机器人的质量不满意(不滚动),它就可以工作。

css
  • 1 个回答
  • 31 Views
Martin Hope
BlackStar1991
Asked: 2024-01-24 04:33:10 +0000 UTC

WP 文件访问需要密码吗?

  • 5

请告诉我如何WordPress组织对文件的访问,但仅在执行特定操作之后?我们假设在页面上输入密码后。

这是一个用户,他在网站上拥有某种角色,然后他支付服务费用,并且假设收到一个密码,用于从网站服务器下载某个文件。假设 Comics.pdf 是一个文件。如何组织这个?就像一个被/uploads/2024/01/comics.pdf锁定而无法索引和第三方访问的文件,但如果用户有密钥,则给他下载该文件的机会。

wordpress
  • 2 个回答
  • 51 Views
Martin Hope
BlackStar1991
Asked: 2024-01-11 02:24:36 +0000 UTC

ACF 将链接设置为默认值?

  • 5

有没有办法为acf 插件元素链接分配默认值,以便它显示在管理面板中?

<?php if ($link = get_field('link')): ?>
  <a class="btn" href="<?php echo $link['url']; ?>" <?php if($link['target']){ echo 'target="_blank"';} ?>><?php echo $link['title']; ?></a>
<?php endif; ?>

是否可以确保在创建新帖子时,默认值已在 $link['title'] 中指定,并且显示在帖子的管理区域中? 链接

*我知道我php可以添加对空字段值的检查并将其显示在那里,但这不会显示在管理面板中。

wordpress
  • 1 个回答
  • 27 Views
Martin Hope
BlackStar1991
Asked: 2024-01-09 05:14:25 +0000 UTC

SVG 如何生成随机路径?

  • 11

有这样一个简单的例子。

const btn = document.getElementById('generator_btn');
const textarea = document.getElementById('textarea_generator');
const generatorField = document.getElementById('generator_field');
const generatorColor = document.getElementById('generator_color');

// Массив возможных путей для фигур ... это надо переделать, но не знаю как. 
const paths = [
  '<path class="st1" d="M1.8 23s15.2-7.7 24-7.9 14.4-.5 23.7 7.5c9.3 8 3.6 17.9-1 20-2.7 1.3-7.9.6-6.2-5.5 1.6-5.6 7.7-9.1 16.6-12.4 8.9-3.3 28.9-8.5 32.9-12.9 2.3-2.6 2.8-6-.3-7-2-.6-5.8.6-8.1 2.9C81.3 10 78.3 15.3 79 39c.5 19-20 22.2-25.1 17.8-6.1-5.2 1.5-15.4 8.7-18.7 7.2-3.3 14.7-5.9 21.1-3.1 6.4 2.8 10.8 5 13.5 5.3 2.7.2 9.3 0 15.4-6.9"/><path class="st1" d="m110.9 40.6 4.4-9.8-10.5 3.6"/>',
  '<path class="st1" d="M1.8 40.1s4.9-10 10.8-14.8c5.9-4.8 14.4-6.3 17.6-5.8 5.9.8 12.7 6.2 19.3 12.7 6.7 6.5 14.8 14.2 28.7 6.1 7.2-4.2 15.3-17.1 7.2-25.5-6.4-6.7-18 2.9-21.7 11.7-1.9 4.6-5 20 2.7 25.7 7.8 5.8 17.2 3.1 27.4-4.4 10.2-7.6 22.6-24 24-27"/><path class="st1" d="m112.6 21.1 5.6-3.9.5 8.7"/>',
  '<path class="st1" d="M.8 41.8s14-21 28.3-14.3c14.4 6.7 7.2 20.3 1.7 18.5-5.9-1.9-7-20 9.4-21.8s23.6 5 32.7 8.5c9.1 3.5 33.8 6.6 44.3-10.2"/><path class="st1" d="m111.2 25.9 6.2-4-.8 6"/>'
];

generatorColor.addEventListener('input', function() {
  includeSvg();
});

btn.addEventListener('click', function() {
  includeSvg();
});

function includeSvg() {
  let currentColor = generatorColor.value;
  // 
  let randomPath = paths[Math.floor(Math.random() * paths.length)];
  let svgCode = generateSVG(currentColor, randomPath);
  textarea.value = svgCode;
  generatorField.innerHTML = svgCode;
}

function generateSVG(currentColor, path) {
  let startFigure = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="60" x="0" y="0" viewBox="0 0 120 64"><style>.st1{fill:none;stroke:' + currentColor + ';stroke-width:2;stroke-linecap:round;stroke-linejoin:round}</style>';
  let endFigure = '</svg>';
  return startFigure + path + endFigure;
}
body {
  margin: 0;
}

#generator_btn {
  margin: 0;
  display: inline-block;
  padding: 10px 15px;
  font-weight: 700;
  vertical-align: top;
}

#generator_color {
  height: 40px;
}

#textarea_generator {
  display: block;
  width: 100%;
  max-width: 90vw;
  margin: 10px 0;

}
<div class="gen_block">
  <button id="generator_btn">Generator SVG</button>
  <input type="color" id="generator_color" name="generator_color" value="#FE6C3B" />
</div>
<textarea id="textarea_generator" name="generator_svg" rows="4"></textarea>
<div id="generator_field"></div>

这个想法是通过单击按钮来创建一个像这样的随机路径生成器......很疯狂,但我不知道如何实现它。本质上,svg该元素由两条路径组成。第一条是一条令人困惑的曲线(但应该有一个平滑的过渡),第二条是一条在此路径中结束的箭头。svg嗯,生成的路径的动态着色,以便您可以在保存之前为元素分配颜色。请告诉我如何在元素的这个区域内创建这些随机路径?

javascript
  • 4 个回答
  • 209 Views
Martin Hope
BlackStar1991
Asked: 2023-12-27 04:39:47 +0000 UTC

PHP如何删除.idea文件

  • 4

如何php使用当前目录中的命令删除非空的 .idea 文件夹?我的代码看起来像这样。

<?php
$directory = __DIR__; // Текущая директория

// Проверяем, есть ли права на запись в директорию
if (is_writable($directory)) {
    $ideaDirectory = $directory . '/.idea';

    // Проверяем существование и тип (.idea - директория) перед удалением
    if (is_dir($ideaDirectory)) {
        // Удаляем все файлы внутри .idea
        $files = glob($ideaDirectory . '/*');
        foreach ($files as $file) {
            if (is_file($file)) {
                unlink($file);
            } elseif (is_dir($file)) {
                rmdir_recursive($file);
            }
        }

        // Удаляем саму директорию .idea
        if (rmdir($ideaDirectory)) {
            echo "Директория $ideaDirectory успешно удалена.<br>";
        } else {
            echo "Ошибка при удалении директории $ideaDirectory.<br>";
        }
    } else {
        echo "Директория $ideaDirectory не существует или не является директорией.<br>";
    }

    echo "Операция завершена.";
} else {
    echo "Нет прав на запись в текущей директории.";
}

但这不起作用。为什么 ?

php
  • 1 个回答
  • 55 Views
Martin Hope
BlackStar1991
Asked: 2023-11-26 04:39:55 +0000 UTC

VueDatePicker 如何更改选择日期时的占位符值?

  • 5

请帮忙,我使用了我在 Vue3 中遇到的第一个datapicker 库。我为这个组件编写了以下代码。

<template>
        <VueDatePicker
            class="datetimepicker"
            v-model="date"
            :placeholder="getFormattedPlaceholder()"
            @change="onDateChange"
        />
   
</template>

<script>
import { ref } from 'vue';
import format from 'date-fns/format';

import VueDatePicker from '@vuepic/vue-datepicker';
import '@vuepic/vue-datepicker/dist/main.css';

export default {
  components: { VueDatePicker },
  props: {
    item: {
      type: Object,
      required: true,
    },
  },
  data() {
    return {
      date: null,
      placeholderText: 'Start Date',
    };
  },
  methods: {
    formatDate(dateString) {
      const date = new Date(dateString);
      return format(date, 'MMMM d, yyyy');
    },
    getFormattedPlaceholder() {
      return this.date ? this.formatDate(this.date) : this.placeholderText;
    },
    onDateChange() {
      // Дополнительные действия при изменении даты, если нужно
    },
  },
};
</script>

因此,我希望当用户在日期选择器中选择日期时,它以正常格式显示给他(format(date, 'MMMM d, yyyy');)。但由于某种原因它不起作用。请告诉我我在哪里犯了错误?在html代码中,我看到了一件事,但它向我展示了完全不同的东西...... 在此输入图像描述

vue.js
  • 1 个回答
  • 28 Views
Martin Hope
BlackStar1991
Asked: 2023-10-30 20:13:16 +0000 UTC

WordPress 沙箱网站能够安装您自己的代码

  • 5

我正在寻找免费的沙箱站点(托管),我可以在其中部署站点CMS WordPress。由于某种原因,我们设法找到的所有内容都不允许我们进入网站的主题文件夹wp-content/themes来显示某些功能的操作。就像是:

  • https://jsfiddle.net/
  • https://codesandbox.io/

但对于 WordPress 来说。

wordpress
  • 1 个回答
  • 28 Views
Martin Hope
BlackStar1991
Asked: 2023-10-24 14:58:58 +0000 UTC

CSS按宽度互连<div>,可能吗?

  • 5

有这样一个完全由<div>元素组成的表格

.se_list{
    position: relative;
    width: 100%;
    max-width: 600px;
    font-size: 20px;
}
.se_item{
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    border: 1px solid #000;
    overflow-x: auto;
    text-align: center;
    height: auto;
}
.se_item:not(:first-child){
    border-top: 0;
}


.se_chunk{
    padding: 6px;
    text-align: center;
}
.se_chunk:not(:last-child){
    border-right: 1px solid #000;
}

.se_chunk__email{
    width: 200px;
    overflow-x: auto;
}

.se_btn{
    cursor: pointer;
}

.se_btn__download{
    position:fixed;
    padding: 15px 10px;
    top: 42px;
    right:10px;
    z-index: 9999;
}
<ul class="se_list">
  <li class="se_item">
    <div class="se_chunk se_chunk__id">1</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 10:04:27</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">2</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 10:44:45</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">3</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 11:13:14</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">4</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 12:27:50</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">5</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 14:15:22</div>
  </li>
  <li class="se_item">
    <div class="se_chunk se_chunk__id">6</div>
    <div class="se_chunk se_chunk__email">[email protected]</div>
    <div class="se_chunk se_chunk__ip">127.0.0.1</div>
    <div class="se_chunk se_chunk__time">2023-10-23 14:48:35</div>
  </li>
</ul>

问题是,是否可以这样设置:如果se_chunk__email某个类的“单元格”中有一个很长的值,那么所有此类单元格的大小都设为最大元素的大小?本质上我正在寻找表格行为但是<div>元素?

html
  • 1 个回答
  • 18 Views

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5