使用 datetime-picker AngularJs 计算所选日期和当前日期之间的天数

Posted

技术标签:

【中文标题】使用 datetime-picker AngularJs 计算所选日期和当前日期之间的天数【英文标题】:Calculate the number of days between selected date and current date using datetime-picker AngularJs 【发布时间】:2019-06-29 00:05:04 【问题描述】:

我在 angularjs 中使用bootstrap datetime-picker

我使用日期选择器的选项 dateDisabled 禁用了几天

        $scope.dateOptions = 
        dateFormat: 'yyyy-MM-dd',
        maxDate: new Date(2020, 5, 22),
        minDate: new Date(),
        startingDay: 1,
        onChangeDate: countDays,
        dateDisabled: function (data) 
            var date = new Date(data.date)
            date.setHours(0, 0, 0, 0)

            var date2 = new Date('2019-02-08')
            date2.setHours(0, 0, 0, 0)

            return (date == date2.toString());
        
    ;

现在需要根据日期选择器计算所选日期与当前日期之间的天数,即禁用日期不应计入天数计算中。

如果我选择日期为 2019 年 2 月 10 日,则计为天数 4(使用当前日期 - 2019 年 2 月 5 日)。

但它是 5

当我从日期选择器中选择日期时,该函数会调用

 function countDays(dateTime) 
     var fourDaysLater = new Date();

     fourDaysLater.setDate(dateTime.getDate() - 4);
    

如何计算日期选择器中启用的日期?

【问题讨论】:

【参考方案1】:

回答你的问题

如何计算日期选择器中启用的日期?

您已经使用日期选择器禁用了日期,但是当您计算两个日期之间的天数时,您使用的是 new date(),它无法访问您的日期选择器的日期。

你可以这样做 -

function countDays(dateTime) 

     // Current date
     var currentDate = new Date().setHours(0, 0, 0, 0);

     // Selected date
     var selectedDate = new Date(dateTime).setHours(0, 0, 0, 0);

     // Count working days between selected date and current date
     while (currentDate < selectedDate) 

            if (currentDate != new Date('2019-02-08').setHours(0, 0, 0, 0)) 
                ++workingDays;
            
            currentDate.setDate(currentDate.getDate() + 1);
        
    

   alert(workingDays);  // Number of working days

计算两天之间的天数并排除

【讨论】:

以上是关于使用 datetime-picker AngularJs 计算所选日期和当前日期之间的天数的主要内容,如果未能解决你的问题,请参考以下文章

智能表:使用带有 AngularJs 的 Bootstrap Datetime-Picker 作为过滤器

使用 datetime-picker AngularJs 计算所选日期和当前日期之间的天数

前端小白之每天学习记录----angula2--

fullcalendar插件用法

角度材料日期时间选择器更改显示日期时间的格式

在日期时间选择器AngularJs中的特定日期显示颜色