Angular UI日期选择器:无法将其创建为周选择器

时间:2017-10-27 10:54:17

标签: angularjs datepicker angular-ui-bootstrap angular-ui

在这里,我尝试使用angular-ui-datepicker作为周选择器。 但我只得到正常的日期选择器,月份选择器或年份选择器,我想创建这个日期选择器作为周选择器。

以下是html代码:

<input id="datepicker_update" class="form-control" type="text" uib-datepicker-popup="{{table.format}}"
      ng-model="table.price_list.date_update" ng-value="table.price_list.date_update"
      is-open="table.dt_picker[0]" min-date="dpick.minDate" max-date="'2019-12-22'" 
      datepicker-options="table.dateOptions" date-disabled="table.disabled(date, mode)"
      close-text="Close" placeholder="Update Date" name="date_update" datepicker-mode="'week'" required=""/>

以下是:datepicker-options的一部分,在JS中为

  vm.dateOptions = {
       formatYear: 'yyyy',
       startingDay: 1,
       minMode: 'week'
  };

1 个答案:

答案 0 :(得分:1)

以下是在datepickerangular-ui-datepicker

中选择周的非常好的示例

请参阅此示例并尝试使用此:

https://plnkr.co/edit/rV6m1c8ovXONtHJjtp2Z?p=preview

或者你也可以试试这个:

http://plnkr.co/edit/YU4gPG?p=preview