如何从引导日期选择器输出 iso 周和年?

Question

我设置了一个简单的脚本来输出当前年份并将其与当前 ISO 周连接起来。

JavaScript

<script type="text/javascript">
Date.prototype.getWeekNumber = function(){
var d = new Date(Date.UTC(this.getFullYear(), this.getMonth(), this.getDate()));
var dayNum = d.getUTCDay() || 7;
d.setUTCDate(d.getUTCDate() + 4 - dayNum);
var yearStart = new Date(Date.UTC(d.getUTCFullYear(),0,1));
return Math.ceil((((d - yearStart) / 86400000) + 1)/7)
};
</script>

.HTML

<h5 id="YYWW">Current ISO Week (YYWW) - <span  class="text-bold"><script type="text/javascript">document.write(new Date().getFullYear().toString().substr(-2)); document.write(new Date().getWeekNumber());</script></span></h5>

如何选择日期(当前或将来(并让它输出 YYWW？我希望用户能够选择将来的日期，而不仅仅是当前的 YYWW。

<div class="form-group">
<h5><label for="utm_date"><strong>ISO Date (by Datepicker)</strong></label></h5>
<input type="week" id="datepicker" class="form-control">
</div>

我这里有一个代码笔，我正在处理。

Answer 1

在输入字段值更改时，您可以提取周数和年份，然后可以向用户显示。(考虑到你正在使用jquery(

$('input[id=datepicker]').change(function() {
var val = $("#datepicker").val();
var splitArr = val.split("-");
var finalVal = splitArr[0].substring(splitArr[0].length-2, splitArr[0].length) + splitArr[1].substring(splitArr[1].length-2, splitArr[1].length);
$("#selectedWeek").text(finalVal);
});

更新的代码笔示例

注意：您使用的是哪个引导日期选取器库？目前，我已经考虑了chrome本机日期选择器进行了更改。告诉我库，我会更新代码