代码之家 › 专栏 › 技术社区 › Millhorn

当type=“week”时,如何格式化html5日期选择器的输出?

bootstrap-datepicker html5 javascript

1

Millhorn · 技术社区 · 6 年前

当所选类型为“周”时,我正试图格式化日期选择器的输出。

我要的格式是YYWW。

我发现有很多关于格式化常规type=“date”日期选择器的输出的内容,但没有格式化week日期选择器。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
<div class="container p-5">
  <div class="row">
    <div class="col-sm-6 offset-sm-3 mx-auto">
    <!-- HTML here -->
    <input type="week" class="form-control">
    </div>
  </div>
</div>

2 回复 | 直到 6 年前

1

-1

Priya 6 年前

你到底需要什么格式? 你可以控制最小值和最大值如下

<input type="week"  max="2017-W52" min="2017-W01" class="form-control">

2

-1

Elmer 6 年前

HTML格式

<input type="week" required="required">

CSS

input[type="week"] {
appearance: none;
-webkit-appearance: none;
color: #95a5a6;
font-family: "Helvetica", arial, sans-serif;
font-size: 18px;
border:1px solid #ecf0f1;
background:#ecf0f1;
padding:5px;
display: inline-block !important;
visibility: visible !important;
}

我修改了以前的答案。也许这有助于格式化type=“week”的输出。支票 http://jsfiddle.net/V2Q58/1590/ . 将类型从日期更改为星期。

当type=“week”时,如何格式化html5日期选择器的输出?

免责声明:Adriano Monecchi的输出