我有一个简单的日期选择器jQuery,在我的应用中,我的用户可以回到过去,但不能回到未来。我想根据浏览器url中的date参数显示当前日期。
举个例子:
var url_string = window.location.href;
var url = new URL(url_string);
var dateParam = url.searchParams.get("date"); <<----- current date
我有
$(".clock").click(function() {
$( "#expiryDate" ).datepicker('setDate', date); <<---- Note here
$("#expiryDate").datepicker({
dateFormat: 'yy-mm-dd',
defaultDate: date,
showAnim: "fold",
gotoCurrent: true,
maxDate: 0,
onSelect: function() {
var dateSelected = $(this).datepicker('getDate');
dateSelected = moment(dateSelected).format('YYYY-MM-DD');
// $( "#expiryDate" ).datepicker('setDate', dateSelected);
playSound('forward');
if(dateParam == null) {
var url = document.location.href+"&date="+dateSelected;
}else {
var url = document.location.href;
url = url.replace(dateParam,dateSelected);
}
document.location = url;
}
});
$('#expiryDate').datepicker('show');
});
即使今天是2021年5月6日,用户也可以回到过去,查看那一天发生了什么。所以当用户选择了2021年2月3日时,我想突出显示那个日期2021年2月3日。只有在我两次点击我的日期时才有效。
请注意,只有第二次点击“3”才开始突出显示!
如何让它在第一次点击时就突出显示?
$('#expiryDate').datepicker('show');
之前加入这行代码$( "#expiryDate" ).datepicker('setDate', date);
。 - Swati