将字词日期选择器映射到HTML字段

时间:2018-11-26 12:23:20

标签: html

不确定是否可行。我想会的,但我没有做的知识。我一直在网上浏览并浏览过去的帖子,但到目前为止,找到答案并不高兴。

我创建了一个内部网页,该网页分为5个页面,以显示每个工程师的工作状况,当前打开的故障单以及底部的图表。

我现在的目标是为每周的团队会议创建一个自定义表单,在此期间我们记录每个工程师每周的标准行情。我想将这些日期选择器插入到Word文档中,然后将这些日期选择器映射到我创建的墙板上。

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
    box-sizing: border-box;
}

/* Create four equal columns that floats next to each other */
.column {
    float: left;
    width: 20%;
    padding: 10px;
    }

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
</style>
</head>
<body>

<div style="text-align: center;">
<h2>Systems Team Status</h2>

<div class="row">
  <div class="column" style="background-color:#F5F5F5;">
    <h2>Ian</h2>
    <p><b>Availability</b></p>
<br />
<p>No outstanding tickets</p>
<br />
<div style="text-align:center;padding:1em 0;"> <h4><a style="text-decoration:none;" href="https://www.zeitverschiebung.net/en/timezone/australia--sydney"><span style="color:gray;">Current local time in</span><br />Australia/Sydney</a></h4> <iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=en&size=small&timezone=Australia%2FSydney" width="100%" height="90" frameborder="0" seamless></iframe> </div>
  </div>
  <div class="column" style="background-color:#FFFF;">
    <h2>Jon</h2>
    <p><b>Availability</b></p>
<br />
<p>No outstanding tickets</p>
<br />
<div style="text-align:center;padding:1em 0;"> <h4><a style="text-decoration:none;" href="https://www.zeitverschiebung.net/en/country/de"><span style="color:gray;">Current local time in</span><br />Germany</a></h4> <iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=en&size=small&timezone=Europe%2FBerlin" width="100%" height="90" frameborder="0" seamless></iframe> </div>
     </div>
  <div class="column" style="background-color:#F5F5F5;">
    <h2>Janet</h2>
<p><b>Availability</b></p>
<br />
    <p>No outstanding tickets</p>
<br />
<div style="text-align:center;padding:1em 0;"> <h4><a style="text-decoration:none;" href="https://www.zeitverschiebung.net/en/city/5128581"><span style="color:gray;">Current local time in</span><br />New York City, United States</a></h4> <iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=en&size=small&timezone=America%2FNew_York" width="100%" height="90" frameborder="0" seamless></iframe> </div>
  </div>
  <div class="column" style="background-color:#FFFF;">
    <h2>Sonali</h2>
    <p><b>Availability</b></p>
<br />
<p>No outstanding tickets</p>
<br />
<div style="text-align:center;padding:1em 0;"> <h4><a style="text-decoration:none;" href="https://www.zeitverschiebung.net/en/country/in"><span style="color:gray;">Current local time in</span><br />India</a></h4> <iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=en&size=small&timezone=Asia%2FKolkata" width="100%" height="90" frameborder="0" seamless></iframe> </div>
  </div>
  <div class="column" style="background-color:#F5F5F5;">
    <h2>Ross</h2>
    <p><b>Availability</b></p>
<br />
<p>No outstanding tickets</p>
<br />
<div style="text-align:center;padding:1em 0;"> <h4><a style="text-decoration:none;" href="https://www.zeitverschiebung.net/en/city/1850147"><span style="color:gray;">Current local time in</span><br />Tokyo, Japan</a></h4> <iframe src="https://www.zeitverschiebung.net/clock-widget-iframe-v2?language=en&size=small&timezone=Asia%2FTokyo" width="100%" height="90" frameborder="0" seamless></iframe> </div>
  </div>
<iframe src="http://SERVERNAME?%2fServiceDes_RS%2fPiecharts&rs:Command=Render.com" style="border:none;width:100%; height:800px;"></iframe>
</div>
</body>
</html>

要澄清。我的问题是,如何将Word文档中的日期选择器映射到我的墙板代码中的文本/字段? (在每个工程师的“可用性”之后)。

0 个答案:

没有答案