angularjs - How to use Ui-datepicker in angular-formly? -


i want use ui-datepicker way. giving error: typeerror: cannot set property 'date' of undefined. how solve error?

var app = angular.module('edge', ['formly', 'formlybootstrap', 'ui.bootstrap']);

  app.run(function(formlyconfig) {       var attribute={};   var attributes = [     'date-disabled',     'custom-class',     'show-weeks',     'starting-day',     'init-date',     'min-mode',     'max-mode',     'format-day',     'format-month',     'format-year',     'format-day-header',     'format-day-title',     'format-month-title',     'year-range',     'shortcut-propagation',     'datepicker-popup',     'show-button-bar',     'current-text',     'clear-text',     'close-text',     'close-on-date-selection',     'datepicker-append-to-body'   ];    var bindings = [     'datepicker-mode',     'min-date',     'max-date'   ];    var ngmodelattrs = {};    angular.foreach(attributes, function(attr) {      ngmodelattrs[camelize(attr)] = {attribute: attr};     });    angular.foreach(bindings, function(binding) {     ngmodelattrs[camelize(binding)] = {bound: binding};   });   console.log(ngmodelattrs);    formlyconfig.settype({     name: 'datepicker',     template: '<input class="form-control" ng-model="model[options.key]" is-open="to.isopen" datepicker-options="to.datepickeroptions" />',     wrapper: ['bootstraplabel', 'bootstraphaserror'],     defaultoptions: {       ngmodelattrs: ngmodelattrs,       templateoptions: {         addonleft: {           class: 'glyphicon glyphicon-calendar',           onclick: function(options, scope) {             options.templateoptions.isopen = !options.templateoptions.isopen;           }         },         onfocus: function($viewvalue, $modelvalue, scope) {           scope.to.isopen = !scope.to.isopen;         },         datepickeroptions: {}       }     }   });    function camelize(string) {     string = string.replace(/[\-_\s]+(.)?/g, function(match, chr) {       return chr ? chr.touppercase() : '';     });     // ensure 1st char lowercase     return string.replace(/^([a-z])/, function(match, chr) {       return chr ? chr.tolowercase() : '';     });   }   });       app.controller('maincontroller', function maincontroller(formlyversion)  {      var vm = this;       vm.model = {};      vm.options = {};      vm.form_submit=function(item_name){         console.log(item_name);      }        vm.rentalfields = [                        {                            template: '<hr /><div> <h1>payment</h1></div>'                        },                         {                            classname: 'row',                            fieldgroup: [                                         {                                             classname: 'col-xs-4',                                             type: 'datepicker',                                             key: 'process-date123',                                             templateoptions: {                                                 type: 'text',                                                 datepickerpopup: 'dd-mmmm-yyyy',                                                 label: 'process date:\n(mm/dd/yyyy):'                                         }                      }                     ])


Comments

Post a Comment

Popular posts from this blog

javascript - Using jquery append to add option values into a select element not working -

i'm looking dynamically populate select element names of items stored array. for reason it's not working , i'm not sure why. html: <div class="col-md-4 col-md-offset-4"> <select class="select1"> </select> , <select class="select2"> </select> </div> note i'm using bootstrap layout. here's jquery i'm using try , populate ".select1" jquery: select: function() { $.each(state.greens, function(index, value) { $(".select1").append("<option value =' " + index + " '>" + state.greens[index].name + "</option>"); }); } note function 'select' stored within object called 'display'. state.greens name of array i'm trying access. so @ end of html page call display.select(); call function. no error messages showing in console. also, saw question: appending
Read more

Android soft keyboard reverts to default keyboard on orientation change -

i'm building android soft keyboard , can't seem fix bug - have arabic , qwerty keyboard , when rotate device on qwerty keyboard (or arabic shift), it's if program has "restarted" , becomes arabic keyboard without shift. the onsaveinstancestate(bundle savedinstancestate) not work because application not extend activity inputmethodservice . i put following in android manifest android:configchanges="keyboard|keyboardhidden|orientation" android:windowsoftinputmode="stateunchanged|adjustresize"> i tried using @override public void onconfigurationchanged(configuration newconfig) { super.onconfigurationchanged(newconfig); log.i(mydebug, "config changed " + currentkeyboard.equals(qwerty)); } however, currentkeyboard.equals(qwerty)) results false , made sure true before orientation change. any appreciated. i think applications fault. if application restarting on orientation change
Read more

jquery - javascript onscroll fade same class but with different div -

i new @ javascript , want learn new. there wrong code : why div fades @ same time. i want ask how fade different div s same class name.can me , explain me. thanks in advance. javascript: $(window).scroll(function(){ if ($( "div.fade" ).offset().top - $(window).scrolltop() <= 100){ $('.fade').addclass( "fade-in"); } else { $('.fade').removeclass("fade-in"); } }); here jsfiddle onscroll = function () { var scrolltop = $(this).scrolltop() ; $("div.fade").each(function(){ if(($(this).offset().top - scrolltop) <= 100){ $(this).toggleclass("fade-in"); } }) }
Read more