Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用CSS格式化日期/时间或百分比值?_Html_Css - Fatal编程技术网

Html 使用CSS格式化日期/时间或百分比值?

Html 使用CSS格式化日期/时间或百分比值?,html,css,Html,Css,是否有一种方法可以使用CSS使用特定格式(例如YYYY/MM/DD或MM/DD/YYYY)格式化日期,有时间还是没有时间 还可以将数字格式化为带有2位小数的百分比值,例如5.4321987显示为5.43% 我可能会使用JavaScript,但首先我想知道是否可以使用CSS来实现这一点?CSS不支持日期格式。您不能使用CSS格式化日期 在这里,让我分享一下除了javascript之外的其他选项,还有html5元素可以帮助您 你可以用这个。此html元素将帮助您格式化和显示日期 注意:如果要在公共h

是否有一种方法可以使用CSS使用特定格式(例如YYYY/MM/DD或MM/DD/YYYY)格式化日期,有时间还是没有时间

还可以将数字格式化为带有2位小数的百分比值,例如5.4321987显示为5.43%


我可能会使用JavaScript,但首先我想知道是否可以使用CSS来实现这一点?

CSS不支持日期格式。您不能使用CSS格式化日期

在这里,让我分享一下除了javascript之外的其他选项,还有html5元素可以帮助您

你可以用这个。此html元素将帮助您格式化和显示日期


注意:如果要在公共html页面中使用,请确保在使用此元素之前阅读此元素的浏览器支持。

我不认为CSS不能格式化日期或百分比格式


如果您想格式化日期或百分比格式,我认为最好使用PHP,CSS无法实现这一点。您需要使用JavaScript。

Css不能用于格式化日期。使用php或javascript来完成此操作。

是的,可以仅使用CSS格式化日期。这包括更改年/月/日显示顺序、日期之间的分隔符、显示/隐藏前导零、将4位年份显示为2位年份(例如1994年变为'94年),可以扩展到包括小时/分钟/秒/等,甚至可以在一个段落中内联工作。它允许静态HTML稍后仅使用CSS重新格式化。这提供了极大的灵活性,不需要学习Javascript,我自己也在使用它来格式化Anki卡(使用HTML和CSS)上的日期

首先是一些限制:它不能在较旧的浏览器上工作,它需要修改源HTML,并且需要源日期前导零保持一致(总是存在或总是不存在),并且它不是特别优雅。如果您已经了解Javascript,那么这将是一个更强大、更优雅的解决方案

该解决方案使用flexbox来允许更改元素的顺序,并将日期值放入HTML自定义属性中,以便CSS能够读取。单击下面示例中的运行代码片段,查看如何使用CSS将day=3month=9year=1994格式化为94年3月

<div class="date-wrapper">
  <div class="date-year" val="1994"></div>
  <div class="date-month" val="03"></div>
  <div class="date-day" val="09"></div>
</div>
Lorem ipsum Door sit amet,是一位杰出的领导者。非连续性牙列缺失。欧盟委员会
洛博蒂斯。整型秃鹫、大白蛉、小白蛉

quam,坐在amet rutrum lacus neque vitae turpis上。

是一个HTML5标签。没有CSS可以格式化日期或时间,您可以将其应用于此元素或任何其他元素。在您提供的链接中,根本没有提到CSS格式。@HoboSapiens抱歉,我知道,但我忘了提到CSS没有日期格式的概念。如果他不知道的话,我只是给了html5元素作为替代品。替代品是什么?OP要求的是CSS,而不是HTML。为什么是PHP?任何产生HTML的服务器端语言都可以这样做,Javascript也可以在客户端这样做。时间格式化应该在客户端完成,因为它会处理客户端时区。CSS不支持任何类型的这种格式化:它无法处理HTML中文本的“值”。看起来CSS不是一个真正的选项。对于那些寻找Javascript/jquery解决方案的人来说,这似乎很好。