Open Closed

Angular-dateRangePicker (SingleDatePicker) #4953

tteoh created

Abp Version: <package id="Abp" version="" targetFramework="net461" />

I have trying to bundle two difference file of angular-daterangepicker which is angular-daterangepicker.js and angular-daterangepicker.min.js. And also, I have facing difference issue in both file. Izit the files are same?

Face Issue on (angular-daterangepicker.min.js):

  1. date-range-picker are not autoUpdateInput when i have set the autoUpdateInput equal true.
  2. date-range-picker didn't format the input to correct format(DD/MM/YYYY) mean it allow user to enter (0/0200000/2018).
  3. min and max validation in single date picker is inactive.(But min and max validation is working on angular-daterangepicker.js)

Face Issue on (angular-daterangepicker.js):

  1. date-range-picker will return NaN value to ng-model when user are not select the date from the calendar.

Question :

  1. why (abp libs)angular-daterangepicker.min.js are difference with (abp libs)angular-daterangepicker.js where I have unminified (abp libs)angular-daterangepicker.min.js to check the code with (abp libs)angular-daterangepicker.js?

  2. Izit the angular-datepicker.js and angular-daterangepicker.min.js are taking from (<a class="postlink" href=""></a>) ?

  3. if the (abp libs)angular-daterangepicker.js is taking from (<a class="postlink" href=""></a>), and why their (Github)angular-daterangepicker.js code are difference with our (abp libs)angular-daterangepicker.js ?

Thanks /Tommy

1 Answer(s)
  • 0
    alper created
    Support Team

    Hi Tommy,

    The repository for the daterangepicker is this => <a class="postlink" href=""></a> But the owner of the repository doesn't maintain the daterangepicker. That's why there are some unresolved issues.

    For the AspNet Zero part; angular-daterangepicker.min.js and angular-daterangepicker.js different. But when you look at AppBundleConfig.cs => ScriptPaths.Angular_DateRangePicker, it's used <ins>angular-daterangepicker.min.js</ins> so you can directly copy the original code of <a class="postlink" href=""> ... epicker.js</a> to your angular-daterangepicker.js.

    But my recommendation is use the original Bootstrap-daterangepicker. It's actively maintained by community and error free. See <a class="postlink" href=""> ... angepicker</a>