Base solution for your next web application
Open Closed

Angular-dateRangePicker (SingleDatePicker) #4953


User avatar
0
tteoh created

Abp Version: <package id="Abp" version="1.5.0.0" 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="https://github.com/parker789/angular-daterangepicker">https://github.com/parker789/angular-daterangepicker</a>) ?

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

Thanks /Tommy


1 Answer(s)
  • User Avatar
    0
    alper created
    Support Team

    Hi Tommy,

    The repository for the daterangepicker is this => <a class="postlink" href="https://github.com/fragaria/angular-daterangepicker">https://github.com/fragaria/angular-daterangepicker</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="https://github.com/fragaria/angular-daterangepicker/blob/master/js/angular-daterangepicker.js">https://github.com/fragaria/angular-dat ... 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="https://github.com/dangrossman/bootstrap-daterangepicker">https://github.com/dangrossman/bootstra ... angepicker</a>