javascript - 如何在 Bootstrap DateTimePicker 上允许 maxDate 和 minDate 相等?
问题描述
为了创建报告,我需要能够选择相同的开始日期和结束日期。
我能够做到这一点,但只有在我第一次选择 maxDate 时。
之后,我不能选择与 maxDate 相同的 minDate 值。
例如:
浏览器打开。
我选择 01/01/2020 作为开始日期 (minDate)。
我选择 01/01/2020 作为结束日期 (maxDate)。
我将结束日期更改为 02/01/2020。
现在我无法再次选择“01/01/2020”作为结束日期。
我需要能够为 minDate 和 maxDate 选择同一时刻
我似乎无法在 DateTimePicker 文档中找到解决方案
我尝试在更改事件上设置一些值:
$(".datetimepickerTo").on("dp.change", function (e) {
$('.datetimepickerFrom').data("DateTimePicker").maxDate(e.date);
});
在 datetimepicker 选择器上:
$('.datetimepickerTo').datetimepicker({
useCurrent: false
});
解决方案
原来这是一个日期格式问题。
由于某种原因,第一次选择日期时,日期输出为:
'2020 年 1 月 1 日星期三 16:39:34 GMT-0300(Horário Padrão de Brasília)'。
其中“16:39:34”是我选择日期的实际时间。
虽然,在第二次选择时,输出是:
'2020 年 1 月 1 日星期三 00:00:00 GMT-0300 (Horário Padrão de Brasília)'
制作两个不同的日期。
我的方法是将日期格式化为我需要的格式。使用此功能:
function formatDate(date) {
var months = [
"1", "2", "3",
"4", "5", "6",
"7", "8", "9",
"10", "11", "12"
];
var day = date.getDate();
var monthIndex = date.getMonth();
var year = date.getFullYear();
return day + '/' + months[monthIndex] + '/' + year;
}
输出在哪里:
2020 年 1 月 1 日
然后我只需要将格式化的日期传递给 minDate() 和 maxDate() 函数:
$(".datetimepickerFrom").datetimepicker().on("dp.change", function (e) {
const formattedDate = formatDate(e.date.toDate())
$('.datetimepickerTo').data("DateTimePicker").minDate(formattedDate);
});
$(".datetimepickerTo").datetimepicker().on("dp.change", function (e) {
const formattedDate = formatDate(e.date.toDate())
$('.datetimepickerFrom').data("DateTimePicker").maxDate(formattedDate);
});
推荐阅读
- c - 阅读编译错误报告格式:format_io.c:3:10:
- reactjs - 导入 css 和 sass 文件 nextjs 7
- java - Android 预览版无法转换为模拟器
- python - “用户名被复制!” 在 text.after(3000, ...) 之前未显示 text.configure(text="Username 已复制!")
- puma - Puma 服务器无法启动,libssl 错误 - 找不到文件
- javascript - 如何在 gnome 3.28 Ubuntu 18.04 中的 javascript 中获取用户个人资料图像
- r - 过滤同一行中的相同值 将相同的值加在一起
- sql - 为什么 DATEDIFF 将这些日期解析为 dd/mm/yyyy?
- python - 为什么我在使用 pipenv 安装 scrapy 时会出现此错误?
- javascript - 在 React 中过滤特定的表行