Tạo ngày chọn theo mục ngày, tuần, tháng, năm

1. Tạo ô input ngày
<div class="form-row">
<div class="form-group col-md-4">
     <div class="input-group">
         <div class="input-group-prepend">
              <span class="input-group-text" >Từ ngày:</span>
         </div>
         <input autocomplete="off" ng-change="loadData()" type="text" ng-model="tungay" id="f_tungay" class='form-control '  value=""  >
     </div>
</div>
<div class="form-group col-md-4">
    <div class="input-group">
        <div class="input-group-prepend">
              <span class="input-group-text" >Đến ngày:</span>
        </div>
         <input autocomplete="off" ng-change="loadData()" type="text" ng-model="denngay" id="f_denngay" class='form-control '  value=""  >
    </div>
</div>
<div class="form-group col-md-4">
    
    <div class="btn-group">
  <button id="btLoad" ng-click="loadData()" type="button" class="btn btn-danger"><i class="fas fa-search"></i> Xem</button>
  <button type="button" class="btn btn-danger dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <div class="dropdown-menu">
    <a class="dropdown-item" ng-click="napngay('homnay')"  href="#">Hôm nay</a>
    <a class="dropdown-item" ng-click="napngay('homqua')" href="#">Hôm qua</a>
     <div class="dropdown-divider"></div>
    <a class="dropdown-item" ng-click="napngay('tuannay')"  href="#">Tuần này</a>
    <a class="dropdown-item" ng-click="napngay('tuantruoc')"  href="#">Tuần trước</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" ng-click="napngay('thangnay')"  href="#">Tháng này</a>
    <a class="dropdown-item" ng-click="napngay('thangtruoc')"  href="#" >Tháng trước</a>
    <div class="dropdown-divider"></div>
    <a class="dropdown-item" ng-click="napngay('namnay')"  href="#">Năm này</a>
    <a class="dropdown-item" ng-click="napngay('namtruoc')"  href="#">Năm trước</a>
  </div>
</div>

    
    
</div>
</div>

2. Tạo chọn ngày
 

   $scope.NapChonNgay = function(name) {       
              $(name).datepicker({
              dateFormat: "dd/mm/yy",
              inline: true,
              showAnim: 'fadeIn',
              yearRange: '2010:2025',
              changeMonth: true,
              changeYear: true,
              dayNamesMin:['CN','T2','T3','T4','T5','T6','T7'],
               monthNamesShort: ['Tháng 1', 'Tháng 2', 'Tháng 3', 'Tháng 4', 'Tháng 5', 'Tháng 6',
            'Tháng 7', 'Tháng 8', 'Tháng 9', 'Tháng 10', 'Tháng 11', 'Tháng 12'],
             });    
       return '';
    } ///
    $scope.NapChonNgay('#f_tungay');
    $scope.NapChonNgay('#f_denngay');

 

 $scope.napngay= function( ts)
    {
   // alert"S";
     if( ts=='homnay')
    {
        $scope.tungay='<iif-D>Date:Now<fm>{0:dd/MM/yyyy}</fm></iif-D>';
        $scope.denngay='<iif-D>Date:Now<fm>{0:dd/MM/yyyy}</fm></iif-D>';
    }
    else if (ts=='homqua')
    {
        $scope.tungay='<iif-D>Date:Now_AddDay;-1<fm>{0:dd/MM/yyyy}</fm></iif-D>';
       $scope.denngay='<iif-D>Date:Now_AddDay;-1<fm>{0:dd/MM/yyyy}</fm></iif-D>';
    }
     else if( ts=='tuannay')
    {
        $scope.tungay='<iif-D>Date:Now_Week_Start<fm>{0:dd/MM/yyyy}</fm></iif-D>';
        $scope.denngay='<iif-D>Date:Now_Week_Start;5<fm>{0:dd/MM/yyyy}</fm></iif-D>';
    }
     else if( ts=='tuantruoc')
    {
        $scope.tungay='<iif-D>Date:Now_Week_Start;-7<fm>{0:dd/MM/yyyy}</fm></iif-D>';
        $scope.denngay='<iif-D>Date:Now_Week_Start;-2<fm>{0:dd/MM/yyyy}</fm></iif-D>';
    }
     else if(ts=='thangnay')
    {
        $scope.tungay='<iif-D>Date:Now_AddDay;-1<fm>{0:1/MM/yyyy}</fm></iif-D>';
        $scope.denngay='<iif-D>Date:Now_AddDay;-1<fm>{0:#DaysInMonth/MM/yyyy}</fm></iif-D>';
    }
     else if( ts=='thangtruoc')
    {
        $scope.tungay='<iif-D>Date:Now_AddMonth;-1<fm>{0:1/MM/yyyy}</fm></iif-D>';
        $scope.denngay='<iif-D>Date:Now_AddMonth;-1<fm>{0:#DaysInMonth/MM/yyyy}</fm></iif-D>';
    }
    else if(ts=='namnay')
    {
        $scope.tungay='<iif-D>Date:Now_AddDay;-1<fm>{0:1/1/yyyy}</fm></iif-D>';
        $scope.denngay='<iif-D>Date:Now_AddDay;-1<fm>{0:31/12/yyyy}</fm></iif-D>';
    }
     else if(ts=='namtruoc')
    {
        $scope.tungay='<iif-D>Date:Now_AddYear;-1<fm>{0:1/1/yyyy}</fm></iif-D>';
        $scope.denngay='<iif-D>Date:Now_AddYear;-1<fm>{0:31/12/yyyy}</fm></iif-D>';
    }
   // alert(tungay +'-' + denngay);
    
   // alert"E";
    $scope.loadData();   
   
   
    }