uib-datepicker-popup 在 Firefox 或 safari 中不显示选取器
uib-datepicker-popup Not showing picker in firefox or safari
我一直在使用 Ui 角度引导日期选择器,它一直工作正常......在铬中。
事实证明,Firefox和safari不会显示日期选择器。以前有人遇到过这种情况。
我的 HTML 看起来像这样
<p class="input-group">
<input type="date" class="form-control" datepicker-popup ng-model="startDate" is-open="status.opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" close-text="Close" />
</p>
我的JS/控制器看起来像这样
$scope.today = function () {
$scope.startDate = new Date();
$scope.startDate.setMonth($scope.startDate.getMonth() - 1);
$scope.endDate = new Date();
$scope.endDate.setMonth($scope.endDate.getMonth() + 1);
};
$scope.today();
$scope.clear = function () {
$scope.dt = null;
};
// Disable weekend selection
$scope.disabled = function (date, mode) {
return (mode === 'day' && (date.getDay() === 0 || date.getDay() === 6));
};
$scope.open = function ($event) {
$scope.status.opened = true;
};
$scope.setDate = function (year, month, day) {
$scope.startDate = new Date(year, month, day);
$scope.endDate = new Date(year, month, day);
};
$scope.dateOptions = {
formatYear: 'yy',
};
$scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'dd.MM.yyyy', 'shortDate'];
$scope.format = $scope.formats[0];
$scope.status = {
opened: false
};
如前所述 这有效。但是在Firefox和safari中,它不显示日期选择器,但它在chrome中显示
不确定您使用的是哪个版本的UI Bootstrap
,但在 1.2.4 中,日期选择器标记如下所示:
<input type="text" class="form-control" uib-datepicker-popup ng-model="startDate" is-open="opened" ... />
在 FF 44 和 IE 11 中尝试了您的代码 - 对我来说似乎很好:http://plnkr.co/edit/deE1lR?p=preview
相关文章:
- iOS 上的自动对焦会自动显示选取器
- 引导日期选取器在显示时与在值上设置日期的格式不同
- 仅在引导程序表单助手国家/地区选取器中显示国家/地区子集文本
- 如何在 iOS 上的 NativeScript 中显示打印机选取器
- jQuery 日期选取器未显示
- 选取随机数组元素,将其移除,并在没有更多可用元素时显示消息
- 第一次单击时未显示日期选取器
- jQuery 日期选取器显示错误
- 从下拉列表中的数组中选取某个项目,然后将其显示为第一项并按字母顺序显示
- j查询日期选取器不显示时间输入值
- uib-datepicker-popup 在 Firefox 或 safari 中不显示选取器
- 日期范围选取器 在两个日历上显示结束日期
- UI-DAHOW用于显示JQuQuery UI-Date选取器中选择的未来日期
- Ajax 日期选取器未显示完整值
- 拾取日期时间选取器不显示正确的时间
- 如何显示 jquery 日期选取器值的签入加上 1 的签出值
- JQUERY UI 日期选取器日历未显示
- 未显示日期选取器
- 日期选取器将今天的日期显示为默认值,并且仅适用于 GET
- 获取日期选取器以默认显示今天的日期