我如何改变我的API链接与日期选择器

Question

目前我的api链接是动态选择当前的年份和月份。

的例子:APILINK…/202109

那部分很好……但是我想做的是改变API链接的最后一部分(年和月)与日期选择器，我不知道我怎么能做到这一点。

我当前的代码:

const timehsheetUrl = "API LINK"
const today = new Date();
const date = today.getFullYear()+('0' + (today.getMonth() + 1)).slice(-2);
const settings = {
"async": true,
"crossDomain": true,
"url": timesleetUrl + date,
"method": "GET",
"headers": {}
}

Answer 1

不，你不需要使用datepicker插件，而插件更方便。

下面是一个使用默认HTML日期输入的示例。

const timesleetUrl = "API LINK";
const today = new Date();
function urlDateSuffix(_date) {
return  _date.getFullYear()+('0' + (_date.getMonth() + 1)).slice(-2);
}
let settings = {
"async": true,
"crossDomain": true,
"url": timesleetUrl + urlDateSuffix(today),
"method": "GET",
"headers": {}
}
console.log(settings);
$(function() {
$('#datepicker').change(function() {
settings.url = timesleetUrl + urlDateSuffix(new Date(this.value));
console.log(settings);
alert(settings.url);
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="date" id="datepicker">

Answer 2

简单易用的jQuery日期选择器

日期选择脚本应该返回所选日期的月份和年份。

以变量和格式存储输出。下面显示的代码将帮助您

// html markup, use jQuery UI CDN in head section
<input type="text" id="calendar" name="date1"/>
// html markup
<script>
$('#calendar').datepicker({
dateFormat: 'yy-m-d',
inline: true,
onSelect: function(dateText, inst) { 
var date = $(this).datepicker('getDate'),
day  = date.getDate(),  
month = date.getMonth() + 1,              
year =  date.getFullYear();
// alert(day + '-' + month + '-' + year);
// this is your result
alert( "api link is   "+"APILINK.../"+year+month);
}
});
</script>