【问题标题】:Bootstrap Date Range Picker -> Single Date Picker: How to set a DateBootstrap 日期范围选择器 -> 单一日期选择器:如何设置日期
【发布时间】:2017-09-19 12:54:46
【问题描述】:
我正在尝试Boootstrap Date Range Picker
通过 Javascript 将 Date 设置为 单一日期选择器 的最佳方法是什么?
单一日期选择器初始化代码
$(#date).daterangepicker({
locale: {
format: 'DD/MM/YYYY',
},
singleDatePicker: true,
showDropdowns: true
});
我尝试了以下代码:
$("date").data('daterangepicker').setStartDate(data.startDate);
这样,我得到低于输出,这是不能接受的!!!
希望有人提出一个好的解决方案。
干杯!!
【问题讨论】:
标签:
javascript
twitter-bootstrap-3
momentjs
bootstrap-daterangepicker
【解决方案1】:
试试这个:
设定日期:
$(#date).daterangepicker({
locale: {
format: 'DD/MM/YYYY',
},
singleDatePicker: true,
showDropdowns: true,
startDate: '2020/03/04',
startDate: '2020/03/04'
});
重置日期:
$("#date").data('daterangepicker').setStartDate('2020/03/04');
$("#date").data('daterangepicker').setEndDate('2020/03/04');
如果你要重置当前日期:
$("#date").data('daterangepicker').setStartDate(moment());
$("#date").data('daterangepicker').setEndDate(moment());
【解决方案2】:
试试
$("date").data('daterangepicker').setStartDate(data.startDate);
$("date").data('daterangepicker').setEndDate(data.startDate);
这是我目前能找到的唯一方法。
【解决方案3】:
就我而言,我遇到了同样的问题。问题在于 startDate 格式,它与语言环境中给出的格式不匹配:{format:'DD/MM/YYYY'}