javascript-AngularJS：RangeError：Date.toISOString()处的时间值无效
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-AngularJS：RangeError：Date.toISOString()处的时间值无效，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3342字，纯文字阅读大概需要5分钟。
内容图文
在我的项目中,我必须在jquery(angular-jquery-datepicker)日期选择器中显示日期,该日期以正确的方式为用户所在的区域设置格式.
我能够以美国和欧盟格式显示.当用户设置这些日期时,我必须将其与toISOString一起保存到数据库中.但是,对于美国来说,一点问题都没有问题.对于EU格式,我收到标题中张贴的错误,并且我要分享整个错误：
RangeError: Invalid time value
at Date.toISOString (<anonymous>)
at n.$scope.save (scripts.js:2826)
at angular.js:12474
at f (angular.js:21700)
at n.$eval (angular.js:14570)
at n.$apply (angular.js:14669)
at HTMLButtonElement.<anonymous> (angular.js:21705)
at HTMLButtonElement.dispatch (jquery.min.js:3)
at HTMLButtonElement.r.handle (jquery.min.js:3)
我不知道为什么在美国使用日期有效而在欧盟无效.我不明白为什么某个日期有效,而另一日期却无效.
下面,我分享了给出该错误的代码：
$scope.save = function() {
if ($scope.banner.fromText != null && $scope.banner.toText != null) {
$scope.banner.from = new Date($scope.banner.fromText);
$scope.banner.to = new Date($scope.banner.toText);
$scope.banner.to.setHours(23, 59, 59)
$scope.banner.from = $scope.banner.from.toISOString()
$scope.banner.to = $scope.banner.to.toISOString()
}else{
$scope.banner.to = null
$scope.banner.from = null
}
我在代码$filter(‘date’)(value.item.from,’shortDate’);中使用
但是,如果您需要了解一些其他信息来理解此错误,请告诉我应该发布的内容,以便更好地了解它
我的日期选择器指令：
'use strict';
angular.module('angular-jquery-datepicker', []).factory('datepicker',
[function() {
return $.datepicker;
}]).provider('$datepicker', function() {
return {
setDefaults: function(language) {
$.datepicker.setDefaults($.datepicker.regional[language]);
},
$get: function() {
return {
}
}
}
}).directive('jqdatepicker', function() {
return {
restrict: 'A',
require: 'ngModel',
link: function(scope, element, attr, ctrl) {
element.datepicker({
//dateFormat: 'dd-mm-yy',
autoclose: true,
changeMonth: true,
changeYear: true,
maxDate: Date.today(),
showOn: "both",
buttonImage: "/img/calendar-o.png",
onSelect: function(date) {
ctrl.$setViewValue(date);
ctrl.$render();
scope.$apply();
}
});
}
};
/*Datepicker for banner - extended main datepicker*/
}).directive('jqdatepickerbanner', function() {
return {
restrict: 'A',
require: 'ngModel',
link: function(scope, element, attr, ctrl) {
//scope.customStartDate = today;
element.datepicker({
//dateFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
//maxDate: '+6mm', // 6 Months max date --> For set the maximum period the Banner can be set up
minDate: Date.today(),
showOn: "both",
buttonImage: "/img/calendar-o.png",
onSelect: function(date) {
if (this.id === "startDateBanner") {
$("#endDateBanner").datepicker("option", "minDate", date);
}
ctrl.$setViewValue(date);
ctrl.$render();
scope.$apply();
}
});
}
};
});
解决方法:
事实证明,在无效日期调用ISOString时会发生这种情况.之所以会发生这种情况,是因为您对新的Date()构造的输入未定义-或者-因为您可能正在将UTC偏移量处理为无效日期.
这是一个简短的代码段,用于在尽可能少的行中传达确切的错误：
clear();
;(function iif() {
var d = new Date(undefined); // .valueOf() === 'Invalid Date'
console.log('>', d, +d);
if (isNaN(+d)) return;
d.toISOString();
console.log('- executed -');
})();
将其扔到JS控制台中并进行处理-每当在新的Date(未定义)上调用toISOString时,都会重现该错误.如果(isNaN(d))返回；表示“如果UTC时间戳记不是数字,则终止任务”-new Date()与(new Date()).valueOf()相同.
您可以利用的一点：确保您的虚假日期为null或0-不确定或“”(空字符串).
希望这可以帮助！
内容总结
以上是互联网集市为您收集整理的javascript-AngularJS：RangeError：Date.toISOString()处的时间值无效全部内容，希望文章能够帮你解决javascript-AngularJS：RangeError：Date.toISOString()处的时间值无效所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。