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

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

bootstrap-datepicker html5 javascript

Millhorn · 技术社区 · 7 年前

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

我要的格式是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 回复 | 直到 7 年前

-1

Priya 7 年前

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

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

-1

Elmer 7 年前

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/ . 将类型从日期更改为星期。

免责声明:Adriano Monecchi的输出

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前