根据第一个有角度的日期选择器更改第二个日期选择器中的月份

前翅蝇

如何根据第一个日期选择器的选择动态更改第二个日期选择器的月份以显示为所选月份?但是它显示的是当前日期。例如:我从第一次选择器中选择了15-10-2104,因此第二个日期选择器应以2014年10月10日开始的日期打开,所有以前的日期都应禁用。

我正在使用角度引导日期选择器和以下代码:

<label>Start Date <span class="required"></span></label>

<div class="seldate startdate calender-icon nopadding">
    <input type="text" datepicker-popup="dd-MMMM-yyyy"
           ng-model="info.startDate"
           required
           name="startDate" tabindex="4" 
           placeholder="dd/mm/yyyy"
           is-open="startDate.open"
           ng-click="startDate.open = true"
           min-date="minDate" datepicker-options="dateOptions"
           date-disabled="disabled(date, mode)"
           close-text="Close" class="form-control"/>
</div>
</div>

<div class="col-sm-6 form-group">
    <label>End Date <span class="required"></span></label>

    <div class="seldate startdate calender-icon nopadding">
        <input type="text" datepicker-popup="dd-MMMM-yyyy"
               ng-model="info.endDate"
               required

               name="endDate" tabindex="5"
               placeholder="dd/mm/yyyy"
               is-open="endDate.open"
               ng-click="endDate.open = true"
               min-date="scheduleInfo.startDate" datepicker-options="dateOptions"
               date-disabled="disabled(date, mode)"
               close-text="Close" class="form-control"/>
    </div>

</div>

在第一个日期选择器中使用ng-change来设置第二个日期选择器中的min-date。

ng-change =“ setMinEndDate()”

$scope.setMinEndDate = function() {
    var endDate = angular.copy($scope.info.startDate);
    endDate.setDate(endDate.getDate());
    $scope.scheduleInfo.startDate = endDate;
};

希望这可以帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在第二个日期选择器之后设置第一个日期选择器中的日期时,更新日期选择器中的日期(角度)

来自分类Dev

html 日期选择器根据第一个日期字段中的选定日期限制第二个日期字段中的日期

来自分类Dev

根据第一个日期选择器设置第二个日期选择器的minDate

来自分类Dev

日期选择器,第二个日期是从第一个日期起的X天

来自分类Dev

flatpickr:将第二个日期选择器的日期设置为第一个日期选择器的日期

来自分类Dev

JS如何使用第一个日期选择器的minDate动态填充第二个日期选择器

来自分类Dev

为什么在自动打开第二个日期选择器上第一次更改月份时日期选择器会显示同一个月

来自分类Dev

根据Codeigniter中第一个选择器的用户输入动态加载第二个引导选择器

来自分类Dev

从我应用了 jquery 日期时间选择器的第二个文本中选择日期后,它会更改第一个文本框中的日期

来自分类Dev

2 个字段的验证 Laravel:第一个是日期选择器,第二个是选择

来自分类Dev

添加第二个日期选择器,

来自分类Dev

根据选择的第一个选择器的哪一行来更改第二个和第三个选择器视图

来自分类Dev

根据选择的第一个选择器的哪一行来更改第二个和第三个选择器视图

来自分类Dev

在表格中第一个tr的倒数第二个td中选择按钮-使用jQuery选择器

来自分类Dev

如何在jQuery中基于第一个日期选择器更改日期选择器日期

来自分类Dev

jQuery日期选择器-从第一个日期选择器中选择之后禁用日期

来自分类Dev

如何通过Selenium webdriver处理Abhibus回程的第二个日期选择器?

来自分类Dev

根据Rails中的第一个选择列表值更改第二个选择列表

来自分类Dev

单击第二个日期选择器时如何获取两个日期选择器之间的日期差?

来自分类Dev

如何将 30 天添加到第一个日期选择器,将其显示在第二个日期选择器上。并将 3 天添加到 2nd ,显示在 3rd 上?

来自分类Dev

引导日期选择器-突出显示第一个选定的日期

来自分类Dev

向 jQuery UI 日期选择器添加第二个日期格式不起作用

来自分类Dev

jQuery - 如何使用一个具有“$(this)”作为选择器的函数,但 $(this) 在第二个函数中具有作用域

来自分类Dev

选择第一个日期后禁用过去的日期日期选择器

来自分类Dev

第二个日期大于JavaScript中的第一个日期

来自分类Dev

第二个日期大于JavaScript中的第一个日期

来自分类Dev

无法更改另一个日期选择器中的日期选择器参数吗?

来自分类Dev

如何根据第一个规则选择第二个通配符?

来自分类Dev

如何根据第一个 DropdownButton 的选择加载第二个 DropdownButton

Related 相关文章

  1. 1

    在第二个日期选择器之后设置第一个日期选择器中的日期时,更新日期选择器中的日期(角度)

  2. 2

    html 日期选择器根据第一个日期字段中的选定日期限制第二个日期字段中的日期

  3. 3

    根据第一个日期选择器设置第二个日期选择器的minDate

  4. 4

    日期选择器,第二个日期是从第一个日期起的X天

  5. 5

    flatpickr:将第二个日期选择器的日期设置为第一个日期选择器的日期

  6. 6

    JS如何使用第一个日期选择器的minDate动态填充第二个日期选择器

  7. 7

    为什么在自动打开第二个日期选择器上第一次更改月份时日期选择器会显示同一个月

  8. 8

    根据Codeigniter中第一个选择器的用户输入动态加载第二个引导选择器

  9. 9

    从我应用了 jquery 日期时间选择器的第二个文本中选择日期后,它会更改第一个文本框中的日期

  10. 10

    2 个字段的验证 Laravel:第一个是日期选择器,第二个是选择

  11. 11

    添加第二个日期选择器,

  12. 12

    根据选择的第一个选择器的哪一行来更改第二个和第三个选择器视图

  13. 13

    根据选择的第一个选择器的哪一行来更改第二个和第三个选择器视图

  14. 14

    在表格中第一个tr的倒数第二个td中选择按钮-使用jQuery选择器

  15. 15

    如何在jQuery中基于第一个日期选择器更改日期选择器日期

  16. 16

    jQuery日期选择器-从第一个日期选择器中选择之后禁用日期

  17. 17

    如何通过Selenium webdriver处理Abhibus回程的第二个日期选择器?

  18. 18

    根据Rails中的第一个选择列表值更改第二个选择列表

  19. 19

    单击第二个日期选择器时如何获取两个日期选择器之间的日期差?

  20. 20

    如何将 30 天添加到第一个日期选择器,将其显示在第二个日期选择器上。并将 3 天添加到 2nd ,显示在 3rd 上?

  21. 21

    引导日期选择器-突出显示第一个选定的日期

  22. 22

    向 jQuery UI 日期选择器添加第二个日期格式不起作用

  23. 23

    jQuery - 如何使用一个具有“$(this)”作为选择器的函数,但 $(this) 在第二个函数中具有作用域

  24. 24

    选择第一个日期后禁用过去的日期日期选择器

  25. 25

    第二个日期大于JavaScript中的第一个日期

  26. 26

    第二个日期大于JavaScript中的第一个日期

  27. 27

    无法更改另一个日期选择器中的日期选择器参数吗?

  28. 28

    如何根据第一个规则选择第二个通配符?

  29. 29

    如何根据第一个 DropdownButton 的选择加载第二个 DropdownButton

热门标签

归档