Угловая директива JS с JQuery Datepicker

Question

Угловая директива JS с JQuery Datepicker

0

Я совершенно не знаком с угловатыми js. Но мне как-то удалось интегрировать jQuery UI datepicker в моем проекте Angular JS. Но теперь я хочу отформатировать дату, выбранную jQuery datepicker, в формат даты ISO, который я не могу сделать. Вот мой код.

HTML

<input type="text" ng-model="event.when.start" datetime-picker>

Угловой контроллер

myApp.directive('datetimePicker', function() {
   return {
        require : 'ngModel',
        link : function (scope, element, attrs, ngModel) {
            $(function(){
                element.datetimepicker({
                    dateFormat:'yy-mm-dd',
                    minDate: 0,
                    yearRange: '1920:2012',
                    minute: 0,
                    stepMinute: 15,
                    onSelect:function (dateText, inst) {
                        var dt = new Date(dateText);
                        alert(dt.toISOString());
                        ngModel.$setViewValue(dt.toISOString());
                        scope.$apply();
                    }
                });
            });
        }
    }
});

СКРИНШОТ

Примечание *: Я могу предупредить об этом.

Manish Shrestha 05 июль 2015, в 16:13

Источник

Теги:

angularjs

date

datepicker

format

iso

1 ответ

Ещё вопросы

bews99 · Accepted Answer · 2015-07-05T12-49-00.000Z

просто как ниже

myapp.controller('myctrl',function myctrl ($scope){
    $scope.event = {when : {start : ''}}
    $scope.event.when.start = new Date();
}).

    myApp.directive('datetimePicker', function() {
       return {
            require : 'ngModel',
            link : function (scope, element, attrs, ngModel) {
                $(function(){
                    element.datetimepicker({
                        minDate: 0,
                        yearRange: '1920:2012',
                        minute: 0,
                        stepMinute: 15,
                        onSelect:function (dateText, inst) {

                            scope.$apply(function(){
                               scope.event.when.start = new Date(dateText);
                            });
                        }
                    });
                });
            }
        }
    });

не используйте dateFormat:'yy-mm-dd', если вам нужна дата ISO

спасибо за ответ @ bews99. Оно работает! :) но для этого мне нужно дважды нажать на кнопку выбора даты. Можно ли отформатировать дату, когда я сосредоточусь на этом поле ввода.
Вы можете отправить свой код через скрипку.
Я отредактировал мой комментарий выше. Как я уже сказал, это работает, но мне нужно дважды щелкнуть по дате выбора даты, чтобы это заработало.
Мой проект требует много других JS и CSS. Я не могу поместить это в jsfiddle. Есть ли другой способ?
обновленный файл answer.check заключает ваш код в область видимости. $ apply
все еще не работает должным образом @ bews99 :( На самом деле, когда я фокусируюсь на поле ввода, средство выбора даты автоматически заполняет поле временем по умолчанию сейчас. Что я хочу, чтобы оно было заполнено в формате datetime в формате ISO. Не могли бы вы помочь мне с этим Я сердечно ценю вашу помощь.
затем инициализируйте ng-модель внутри функции контроллера, директива которого удерживается. обновленный ответ. Но я все еще не понимаю, что вы говорите и чего вы действительно хотите.