无法使用Angular.js比较日期

Question

我需要一个帮助。我需要使用Angular.js比较今天的日期和将来的日期。 我在下面解释我的代码。

$scope.getFutureDate = function() {
    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth() + 1; //January is 0!

    var yyyy = today.getFullYear();
    if (dd < 10) {
        dd = '0' + dd
    }
    if (mm < 10) {
        mm = '0' + mm
    }
    var today = dd + '-' + mm + '-' + yyyy;
    return today;
}

$scope.addPlanData = function() {
    var today = $scope.getFutureDate();
    if (today < $scope.date) {
        alert('Please select todays date or previous date');

    }
}

在这里，我的要求是当今天的日期小于将来的日期时，它将向我显示警报消息。在此代码中，它仅在一个月内发生。但是如果我将30-11-2015 with 1-12-2015日30-11-2015 with 1-12-2015日进行比较，它没有显示任何警报消息。请帮助我。

Answer 1

您需要操纵字符串来创建日期。

尝试这个

$scope.addPlanData=function(){
 var today= new Date();
 if(today < new Date($scope.date.split("-").reverse().join(",")){
            alert("Please select today's date or previous date");
        }
}

当用户选择的将来日期大于今天时，它会给您警报。 如果要在用户选择过去日期时发出警报，则在条件中使用> 。

Answer 2

尝试这个

$scope.addPlanData=function(){
 var today= new Date();

 var dateArray = $scope.date.split("-");
 $scope.date = new Date(dateArray[2], dateArray[1] - 1, dateArray[0]);

 if(today < $scope.date){
            alert('Please select today or previous date');
        }
}

关系运算符< <= > >=可用于比较JavaScript日期。

Answer 3

解决方案1

当您比较日期字符串，比较需要一个字符的时间，因为在你的例子3大于1（即使30-11-2015比较小的日期1-12-2015 ），其结果是更大11月的日期。 如果要坚持使用日期的字符串表示形式，请将日期格式更改为YYYY-MM-DD ，以便首先比较年份，然后是月份，然后是日期。 在这种情况下，你将有2015-12-01大于2015-11-30 ，因为比较会在停止2从该月的个位数。

$scope.getFutureDate = function () {
    var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth() + 1; //January is 0!

    var yyyy = today.getFullYear();
    if ( dd < 10 ) {
        dd = '0' + dd;
    } 
    if ( mm < 10 ) {
        mm = '0' + mm;
    } 
    return yyyy + '-' + mm + '-' + dd;
}

$scope.addPlanData = function () {
    var today = $scope.getFutureDate();
    if ( today < $scope.date ) {
        alert('Please select todays date or previous date');
    }
}

解决方案2

您可以直接比较日期。 在这种情况下，您需要通过$scope.date = new Date($scope.date)将$scope.date变量转换为Date格式，并将其与new Date()进行比较。 由于不需要getFutureDate方法，因此此方法可以减少代码getFutureDate 。

$scope.addPlanData = function () {
    if ( new Date() < new Date($scope.date) ) {
        alert('Please select todays date or previous date');
    }
}

Answer 4

似乎您想从自定义格式（ dd-mm-yyyy ）解析Date。
我建议使用专用的函数来解析该日期格式，特别是如果您需要解析这种日期格式的情况不止这种情况：

function parseDate(dateString) {
    var date = new Date();
    // reset time to 0:00:00
    date.setUTCHours(0);
    date.setUTCMinutes(0);
    date.setUTCSeconds(0);

    var parts = dateString.split("-");
    date.setUTCDate(parts[0]);
    date.setUTCMonth(parts[1]);
    date.setUTCFullYear(parts[2]);

    return date;
}

并像这样使用它：

$scope.addPlanData = function() {
    var today = new Date();
    if (today < parseDate($scope.date)) { // parse custom date format here
        alert('Please select todays date or previous date');

    }
}

Answer 5

您可以使用正则表达式执行相同的操作。

使用正则表达式将字符串转换为日期，然后使用< or > or <= or >=进行比较。

$scope.compare = function() {
   var date1 = "30-11-2015";
   var date2 = "1-12-2015";
   var d1 = new Date( date1.replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3") );
   var d2 = new Date( date2.replace( /(\d{2})-(\d{2})-(\d{4})/, "$2/$1/$3") );
   alert(d1 < d2);
  };

参考： Stackoverflow