mominsamir / smDateTimeRangePicker

Angular Material Date Picker, DateTime Picker, Date Range Picker, Date Time range picker
http://mominsamir.github.io/smDateTimeRangePicker/
MIT License
130 stars 50 forks source link

Label translation #132

Open lashisu opened 7 years ago

lashisu commented 7 years ago

Hi Samir,

I am not able to translate texts. Like Ok, Cancel, Sun, Mon, Tue etc.

Can you please guide me to do this?

Sushil

mominsamir commented 7 years ago

Use picker provider to make all this changes

lashisu commented 7 years ago

Can I have some example for the same? I am not able to do this?

Below is the sample code for the same which I am using.

app.config(['$stateProvider', '$logProvider', '$urlRouterProvider', '$translateProvider', '$httpProvider', '$locationProvider', '$qProvider', 'pickerProvider', function ($stateProvider, $logProvider, $urlRouterProvider, $translateProvider, $httpProvider, $locationProvider, $qProvider, pickerProvider) {

    //Date Time Range Picker Configuration
    pickerProvider.setOkLabel('Apply');
    pickerProvider.setCancelLabel('Close');
    pickerProvider.setDayHeader('single'); 

    pickerProvider.setRangeDefaultList([
      {
          label: 'Next 7 Days',
          startDate: moment().startOf('day'),
          endDate: moment().add(7, 'd')
      },
      {
          label: 'Next 15 Days',
          startDate: moment().startOf('day'),
          endDate: moment().add(15, 'd')
      },
      {
          label: 'Next 30 Days',
          startDate: moment().startOf('day'),
          endDate: moment().add(30, 'd')
      },
      { 
          label:'Last 7 Days', 
          startDate: moment().subtract(7,'d'), 
          endDate:moment() 
      },
      {
          label: 'Last 15 Days',
          startDate: moment().subtract(15, 'd'),
          endDate: moment()
      },
      {
          label: 'Last 30 Days',
          startDate: moment().subtract(30, 'd'),
          endDate: moment()
      }
    ]); 
    pickerProvider.setRangeCustomStartEnd(['Start Date', 'End Date']);

    //Defining multilingual support.
    $translateProvider
        .preferredLanguage('en-US')
        .useStaticFilesLoader({
            prefix: 'app/common/i18n/',
            suffix: '.json'
        });

    $translateProvider.useSanitizeValueStrategy('escapeParameters');

    //Disabling log provider debug console logs.
    $logProvider.debugEnabled(false);

    $stateProvider
        .state("Offline", {
            url: '/offline',
            templateUrl: "Offline.html",
            controller: "OfflineController"
        })
        .state("Home", {
            url: '/home',
            templateUrl: "Home.html",
            controller: "HomeController"
        })
}

]);

lashisu commented 7 years ago

Still not able to do it. Can you please have a look?