Datepicker показывает сегодняшнюю дату при использовании формата '' $ filter ('date') ($ scope.dt.datetime, 'd MMM, yyyy'); 'что делать?используя угловой JS DatePicker

Question

Я хочу, чтобы средство выбора даты показывало выбранную дату в формате 15 Jun, 2019, но вместо выбранной даты она выделяет сегодняшнюю дату.Но он показывает фактическую выбранную дату при использовании формата 2019-06-15.

Я использую angularjs date-picker из по этой ссылке

<input ng-show="toggleMe" type="text" readonly placeholder="Deadline"
       class="date-picker" ng-datetime-picker="datePickerOptions"
       ng-model="deadlineTask" ng-change="changeCurrentTime()" />

// в ng-модели хочу показать здесь формат deadlineTask, что мне делать, чтобы я показывал формат в «формате типа deadlinetask и выделил выбранную дату, а не сегодняшнюю дату»

angular.module('demo', ['ngDatetimePicker'])
.controller('datePickerCtrl',function($scope,$filter) {
    $scope.dt = {};
    var currentTime = new Date();
    var year = currentTime.getFullYear();
    var month = currentTime.getMonth() + 1;
    var date = currentTime.getDate();

    console.log(currentTime);
    $scope.dt.datetime = '2019-06-15';     //showing correct date in this format

    $scope.deadlineTask = $filter('date')($scope.dt.datetime, 'd MMM, yyyy');

// отображение сегодняшней даты в этом форматеформат, который я хочу, но не выделение выбранной даты вместо отображения сегодняшней даты

Answer 1

    <input ng-show="toggleMe" type="text" readonly placeholder="Deadline" class="date-picker" ng-datetime-picker="datePickerOptions" ng-model="dt.datetime" ng-change="changeCurrentTime()" />








 <script>
    angular.module('demo', ['ngDatetimePicker']).
    controller('datePickerCtrl', function($scope,$filter) {
    $scope.dt = {};
    var currentTime = new Date();
    var year = currentTime.getFullYear();
    var month = currentTime.getMonth() + 1;
    var date = currentTime.getDate();
    currentTime = year + "-" + month + "-" +"29"+ " 9:00";
    $scope.dt.datetime = '2019-06-15';
    $scope.deadlineTask = $filter('date')($scope.dt.datetime, 'd MMM, yyyy');
    $scope.toggleMe = false;

    $scope.datePickerOptions = {
    "closeOnSelected": true,
    "firstDayOfWeek": 1,
    "dateOnly": true
    };

    $scope.datetimePickerOptions = {
    "closeOnSelected": true,
    "firstDayOfWeek": 1
    };

    });

Answer 2

Вы хотите, чтобы средство выбора даты всегда использовало определенный вами формат даты?

Судя по документации, выбранный вами механизм выбора даты не может отображать формат «15 июня 2019 года». Может быть, посмотрите на другой сборщик даты и времени AngularJs, если это так, например, этот один

Чтобы проверить это, я вижу из вашего html, что у вас должен быть объект с именем datePickerOptions в $ scope?

Если это так, определите свойство dateFormat в объекте datePickerOptions и присвойте ему строковое значение, например, 'ММ, ГГГГ'

Здесь вы можете видеть, как они определяют формат даты поля ввода:

Ниже перечислены параметры форматирования:

• ГГГГ: год, 4 цифры
• ГГ: год, 2 цифры
• ММ: месяц, 01-12
• М: Месяц, 1-12
• ДД: день, 01-31
• D: день, 1-31
• ЧЧ: час с использованием 12-часовых часов 01-12
• ч: час с использованием 12-часовых часов 1-12
• чч: час с использованием 24-часовых часов 00-23
• ч: час с использованием 24-часовых часов 0-23
• мм: минута, 00-59>
• м: минута, 0-59
• tt: am / pm
• TT: AM / PM