search

Gillardo / ngx-bootstrap-datetime-popup

Date and time picker using ngx-bootstrap library
MIT License
31 stars 14 forks source link

ERROR in node_modules/ngx-bootstrap-datetime-popup/node_modules/@angular/core/core.d.ts(7414,55): error TS1005: ']' expected. node_modules/ngx-bootstrap-datetime-popup/node_modules/@angular/core/core.d.ts(7414,57): error TS1134: Variable declaration expected. node_modules/ngx-bootstrap-datetime-popup/node_modules/@angular/core/core.d.ts(7414,116): error TS1005: ';' expected. #46

Closed enigma49 closed 3 years ago

enigma49 commented 4 years ago

Hello all, I am getting this error when I installed an run it. Please help me out.

"ngx-bootstrap": "^2.0.5",
"ngx-bootstrap-datetime-popup": "^6.0.0", 
Angular CLI: 7.3.10
Gillardo commented 4 years ago

you need to upgrade ngx-bootstrap to v6+

enigma49 commented 4 years ago

I changed the files to this "ngx-bootstrap": "^5.2.0", "ngx-bootstrap-datetime-popup": "^5.0.2",

and now I am facing this issue, do I have to set both of them to same a version? ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[BsDropdownDirective -> ComponentLoaderFactory]: StaticInjectorError(Platform: core)[BsDropdownDirective -> ComponentLoaderFactory]: NullInjectorError: No provider for ComponentLoaderFactory! Error: NullInjectorError: No provider for ComponentLoaderFactory!

Gillardo commented 4 years ago

I believe you still have the wrong versions.... you may want to delete node_modules folder and run npm i to make sure node_modules is all correct. Check if you have a node_modules folder with the ngx-bootstrap-datetime-popup folder. If you do, the components that are in there do not match the versions in your project

enigma49 commented 4 years ago

I just made changes and I am getting this error WARNING in ./node_modules/ngx-bootstrap-datetime-popup/node_modules/@angular/core/fesm2015/core.js 28600:15-102 Critical dependency: the request of a dependency is an expression

I made sure to keep ngx-bootstrap's version same in app and in ngx-bootstrap-datetimepopu's package.json "ngx-bootstrap": "^5.2.0", "ngx-bootstrap-datetime-popup": "^6.0.0",

Gillardo commented 4 years ago

That isnt right, because ngx-bootstrap-datetime-popup@6.0.0 uses ngx-bootstrap 6.0.0+ and you have verison 5.2.0

enigma49 commented 4 years ago

should I change ngx-bootstrap to 6.1.0 and check?

enigma49 commented 4 years ago

I can also use ngx-bootstrap-datetime-popup@5.0.0+ with my current version of ngx-bootstrap right?

Gillardo commented 4 years ago

Yes or at least to ^6.0.0

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, Nov 12, 2020 at 10:10 AM Hamza Shaikh notifications@github.com wrote:

should I change ngx-bootstrap to 6.1.0 and check?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-725979672, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLPVJCGPQOADCXDXFXDSPOYABANCNFSM4TQQGYCA .

Gillardo commented 4 years ago

what is your current version of ngx-bootstrap?

On Thu, Nov 12, 2020 at 10:12 AM Darren Gillard darren.gillard81@gmail.com wrote:

Yes or at least to ^6.0.0

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#m_3811639135917566485_DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, Nov 12, 2020 at 10:10 AM Hamza Shaikh notifications@github.com wrote:

should I change ngx-bootstrap to 6.1.0 and check?

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-725979672, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLPVJCGPQOADCXDXFXDSPOYABANCNFSM4TQQGYCA .

enigma49 commented 4 years ago

okay, actually I don't think I am supposed to change the current version of ngx-bootstrap, so i will try to use ngx-bootstrap-datetimepopup@5.1.0

enigma49 commented 4 years ago

cuurently I am using "ngx-bootstrap": "^5.2.0",

Gillardo commented 4 years ago

So you need to use 5.1.0 of ngx-bootstrap-datetime-popup

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, Nov 12, 2020 at 10:15 AM Hamza Shaikh notifications@github.com wrote:

cuurently I am using "ngx-bootstrap": "^5.2.0",

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-725982657, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLKDINAPAMOKMK5CISLSPOYUVANCNFSM4TQQGYCA .

enigma49 commented 4 years ago

okay, I will try that

enigma49 commented 4 years ago

I changed versions to 

"ngx-bootstrap": "^5.2.0",
"ngx-bootstrap-datetime-popup": "^5.1.0",

I even changed the ngx-bootstrap in ngx-bootstrap-datetime-popup's package.json to "^5.2.0", but now I am getting these errors

in terminal: WARNING in ./node_modules/ngx-bootstrap-datetime-popup/node_modules/@angular/core/fesm5/core.js 29284:15-102 Critical dependency: the request of a dependency is an expression

in console:

CompanySendEmailGpmsComponent.html:110 ERROR Error: StaticInjectorError(AppModule)[DatetimePopupComponent -> ElementRef]: 
  StaticInjectorError(Platform: core)[DatetimePopupComponent -> ElementRef]: 
    NullInjectorError: No provider for ElementRef!
    at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:8896)
    at resolveToken (core.js:9141)
    at tryResolveToken (core.js:9085)
    at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:8982)
    at resolveToken (core.js:9141)
    at tryResolveToken (core.js:9085)
    at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:8982)
    at resolveNgModuleDep (core.js:21218)
    at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21907)
    at resolveNgModuleDep (core.js:21218)
View_CompanySendEmailGpmsComponent_1 @ CompanySendEmailGpmsComponent.html:110
push../node_modules/@angular/core/fesm5/core.js.DebugContext_.logError @ core.js:24139
push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15772
(anonymous) @ core.js:18126
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:386
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:143
push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17258
push../node_modules/@angular/core/fesm5/core.js.ApplicationRef.tick @ core.js:18126
(anonymous) @ core.js:18010
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:386
onInvoke @ core.js:17299
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:385
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:143
push../node_modules/@angular/core/fesm5/core.js.NgZone.run @ core.js:17213
next @ core.js:18010
schedulerFn @ core.js:13515
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:195
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:133
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54
push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13499
checkStable @ core.js:17268
onLeave @ core.js:17335
onInvokeTask @ core.js:17293
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:420
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:503
invokeTask @ zone.js:1671
globalZoneAwareCallback @ zone.js:1708
CompanySendEmailGpmsComponent.html:110 ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 71, nodeDef: {…}, elDef: {…}, elView: {…}}
View_CompanySendEmailGpmsComponent_1 @ CompanySendEmailGpmsComponent.html:110
push../node_modules/@angular/core/fesm5/core.js.DebugContext_.logError @ core.js:24139
push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15777
(anonymous) @ core.js:18126
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:386
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:143
push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17258
push../node_modules/@angular/core/fesm5/core.js.ApplicationRef.tick @ core.js:18126
(anonymous) @ core.js:18010
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:386
onInvoke @ core.js:17299
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:385
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:143
push../node_modules/@angular/core/fesm5/core.js.NgZone.run @ core.js:17213
next @ core.js:18010
schedulerFn @ core.js:13515
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:195
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:133
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54
push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13499
checkStable @ core.js:17268
onLeave @ core.js:17335
onInvokeTask @ core.js:17293
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:420
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:503
invokeTask @ zone.js:1671
globalZoneAwareCallback @ zone.js:1708
CompanySendEmailGpmsComponent.html:110 ERROR TypeError: Cannot read property 'instance' of undefined
    at nodeValue (core.js:21780)
    at Object.eval [as handleEvent] (CompanySendEmailGpmsComponent.html:110)
    at handleEvent (core.js:23107)
    at callWithDebugContext (core.js:24177)
    at Object.debugHandleEvent [as handleEvent] (core.js:23904)
    at dispatchEvent (core.js:20556)
    at core.js:21003
    at platform-browser.js:993
    at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)
    at Object.onInvokeTask (core.js:17290)
Gillardo commented 4 years ago

What version of angular are you using?

On Thu, Nov 12, 2020 at 10:53 AM Hamza Shaikh notifications@github.com wrote:

I changed versions to

"ngx-bootstrap": "^5.2.0",

"ngx-bootstrap-datetime-popup": "^5.1.0",

I even changed the ngx-bootstrap in ngx-bootstrap-datetime-popup's package.json to "^5.2.0", but now I am getting these errors

in terminal: WARNING in ./node_modules/ngx-bootstrap-datetime-popup/node_modules/@angular/core/fesm5/core.js 29284:15-102 Critical dependency: the request of a dependency is an expression

in console:

CompanySendEmailGpmsComponent.html:110 ERROR Error: StaticInjectorError(AppModule)[DatetimePopupComponent -> ElementRef]:

StaticInjectorError(Platform: core)[DatetimePopupComponent -> ElementRef]:

NullInjectorError: No provider for ElementRef!

at NullInjector.push../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:8896)

at resolveToken (core.js:9141)

at tryResolveToken (core.js:9085)

at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:8982)

at resolveToken (core.js:9141)

at tryResolveToken (core.js:9085)

at StaticInjector.push../node_modules/@angular/core/fesm5/core.js.StaticInjector.get (core.js:8982)

at resolveNgModuleDep (core.js:21218)

at NgModuleRef_.push../node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get (core.js:21907)

at resolveNgModuleDep (core.js:21218)

View_CompanySendEmailGpmsComponent_1 @ CompanySendEmailGpmsComponent.html:110

push../nodemodules/@angular/core/fesm5/core.js.DebugContext.logError @ core.js:24139

push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15772

(anonymous) @ core.js:18126

push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:386

push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:143

push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17258

push../node_modules/@angular/core/fesm5/core.js.ApplicationRef.tick @ core.js:18126

(anonymous) @ core.js:18010

push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:386

onInvoke @ core.js:17299

push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:385

push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:143

push../node_modules/@angular/core/fesm5/core.js.NgZone.run @ core.js:17213

next @ core.js:18010

schedulerFn @ core.js:13515

push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:195

push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:133

push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77

push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54

push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47

push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13499

checkStable @ core.js:17268

onLeave @ core.js:17335

onInvokeTask @ core.js:17293

push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:420

push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188

push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:503

invokeTask @ zone.js:1671

globalZoneAwareCallback @ zone.js:1708

CompanySendEmailGpmsComponent.html:110 ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 71, nodeDef: {…}, elDef: {…}, elView: {…}}

View_CompanySendEmailGpmsComponent_1 @ CompanySendEmailGpmsComponent.html:110

push../nodemodules/@angular/core/fesm5/core.js.DebugContext.logError @ core.js:24139

push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15777

(anonymous) @ core.js:18126

push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:386

push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:143

push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17258

push../node_modules/@angular/core/fesm5/core.js.ApplicationRef.tick @ core.js:18126

(anonymous) @ core.js:18010

push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:386

onInvoke @ core.js:17299

push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:385

push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:143

push../node_modules/@angular/core/fesm5/core.js.NgZone.run @ core.js:17213

next @ core.js:18010

schedulerFn @ core.js:13515

push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:195

push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:133

push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:77

push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:54

push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47

push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13499

checkStable @ core.js:17268

onLeave @ core.js:17335

onInvokeTask @ core.js:17293

push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:420

push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:188

push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:503

invokeTask @ zone.js:1671

globalZoneAwareCallback @ zone.js:1708

CompanySendEmailGpmsComponent.html:110 ERROR TypeError: Cannot read property 'instance' of undefined

at nodeValue (core.js:21780)

at Object.eval [as handleEvent] (CompanySendEmailGpmsComponent.html:110)

at handleEvent (core.js:23107)

at callWithDebugContext (core.js:24177)

at Object.debugHandleEvent [as handleEvent] (core.js:23904)

at dispatchEvent (core.js:20556)

at core.js:21003

at platform-browser.js:993

at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421)

at Object.onInvokeTask (core.js:17290)

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-726002434, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLI7RMQWQJDS5V3T44DSPO5CZANCNFSM4TQQGYCA .

enigma49 commented 4 years ago

Angular CLI: 7.3.10

Gillardo commented 4 years ago

what about @angular/core??

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, Nov 12, 2020 at 11:13 AM Hamza Shaikh notifications@github.com wrote:

Angular CLI: 7.3.10

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-726012569, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLLBSPXLLXKYG4FKZXDSPO7NLANCNFSM4TQQGYCA .

enigma49 commented 4 years ago

I am still new to angular, I ran ng v and this was the output @angular-devkit/architect 0.10.7 @angular-devkit/build-angular 0.10.7 @angular-devkit/build-optimizer 0.10.7 @angular-devkit/build-webpack 0.10.7 @angular-devkit/core 0.6.8 @angular-devkit/schematics 0.6.8 @angular/cdk 7.3.7 @angular/cli 7.3.10 @angular/material 7.3.7 @angular/pwa 0.6.8 @ngtools/webpack 7.0.7 @schematics/angular 0.6.8 @schematics/update 0.13.10 rxjs 6.2.2 typescript 3.1.6 webpack 4.19.1

enigma49 commented 4 years ago 
@angular-devkit/architect         0.10.7
@angular-devkit/build-angular     0.10.7
@angular-devkit/build-optimizer   0.10.7
@angular-devkit/build-webpack     0.10.7
@angular-devkit/core              0.6.8
@angular-devkit/schematics        0.6.8
@angular/cdk                      7.3.7
@angular/cli                      7.3.10
@angular/material                 7.3.7
@angular/pwa                      0.6.8
@ngtools/webpack                  7.0.7
@schematics/angular               0.6.8
@schematics/update                0.13.10
rxjs                              6.2.2
typescript                        3.1.6
webpack                           4.19.1
Gillardo commented 4 years ago

this isnt a new project is it? Cos your version numbers are way off what i would expect.

https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail Virus-free. www.avast.com https://www.avast.com/sig-email?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>

On Thu, Nov 12, 2020 at 11:51 AM Hamza Shaikh notifications@github.com wrote:

@angular-devkit/architect 0.10.7 @angular-devkit/build-angular 0.10.7 @angular-devkit/build-optimizer 0.10.7 @angular-devkit/build-webpack 0.10.7 @angular-devkit/core 0.6.8 @angular-devkit/schematics 0.6.8 @angular/cdk 7.3.7 @angular/cli 7.3.10 @angular/material 7.3.7 @angular/pwa 0.6.8 @ngtools/webpack 7.0.7 @schematics/angular 0.6.8 @schematics/update 0.13.10 rxjs 6.2.2 typescript 3.1.6 webpack 4.19.1

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-726030834, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLPNXQNE7DYAOEY5AN3SPPD3LANCNFSM4TQQGYCA .

Gillardo commented 4 years ago

image

Gillardo commented 4 years ago

image

enigma49 commented 4 years ago

it's an old project I am an sde trainee and I have been tasked with a new page where I need your plugin

Gillardo commented 4 years ago

yeah your project is very very old.....

what version of ngx-bootstrap where you running at first before upgrading it all?

Gillardo commented 4 years ago

Oh i see, v2.0.5

enigma49 commented 4 years ago

2.0.5

Gillardo commented 4 years ago

If you dont include my plugin and you update ngx-bootstrap to ^3.0.0 does that all work for you?

If it does, then maybe you just want to do that and install version 3.0.0 of this plugin which is compatible with ngx-bootstrap 3.0.0 and see if that works?

On Thu, Nov 12, 2020 at 12:01 PM Hamza Shaikh notifications@github.com wrote:

2.0.5

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-726035481, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLKL7OFG3PBJGSDXBNTSPPFCHANCNFSM4TQQGYCA .

enigma49 commented 4 years ago

okay let me try that.

Gillardo commented 4 years ago

Ok, i am off out for a few hours so will reply when back

On Thu, Nov 12, 2020 at 12:04 PM Hamza Shaikh notifications@github.com wrote:

okay let me try that.

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-726036851, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLOEW6ASNWMIWL7FSITSPPFOHANCNFSM4TQQGYCA .

enigma49 commented 4 years ago

okay, thanks really appreciate your help

enigma49 commented 4 years ago

image

I changed both versions to 3.0.0, I don't see any errors now but I don't see the input field either

Gillardo commented 4 years ago

What does the HTML look like for it?

On Thu, Nov 12, 2020 at 12:34 PM Hamza Shaikh notifications@github.com wrote:

[image: image] https://user-images.githubusercontent.com/25546856/98940710-668b2980-2511-11eb-9143-dc6c8d0cc5bc.png

I changed both versions to 3.0.0, I don't see any errors now but I don't see the input field either

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-726050753, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLIFX7JMUYQAPZR6MVDSPPI6JANCNFSM4TQQGYCA .

enigma49 commented 4 years ago 
                                            <div class="form-group row">

                                                <label id="label" for="datetimepicker" class="col-md-4">Scheduled At <span
                                                    style="color: salmon">*</span></label>
                                                    <div class="container">
                                                        <div class="row">
                                                           <div class='col-sm-6'>
                                                              <div class="form-group" id="datetimepicker">
                                                                <datetime-popup [(value)]="myDate"></datetime-popup>
                                                              </div>
                                                           </div>
                                                        </div>
                                                     </div>

                                            </div>
Gillardo commented 4 years ago

What elements can you see are rendered when the page is built via the console Dev tools?

On Fri, 13 Nov 2020, 05:09 Hamza Shaikh, notifications@github.com wrote:

                                        <div class="form-group row">

                                            <label id="label" for="datetimepicker" class="col-md-4">Scheduled At <span
                                                style="color: salmon">*</span></label>
                                                <div class="container">
                                                    <div class="row">
                                                       <div class='col-sm-6'>
                                                          <div class="form-group" id="datetimepicker">
                                                            <datetime-popup [(value)]="myDate"></datetime-popup>
                                                          </div>
                                                       </div>
                                                    </div>
                                                 </div>

                                        </div>

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-726518000, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLISAJ6OVDDZCVAAC63SPS5PTANCNFSM4TQQGYCA .

Gillardo commented 4 years ago

If you comment out the popup component does the html appear on the web page?

On Fri, 13 Nov 2020, 07:48 Darren Gillard, darren.gillard81@gmail.com wrote:

What elements can you see are rendered when the page is built via the console Dev tools?

On Fri, 13 Nov 2020, 05:09 Hamza Shaikh, notifications@github.com wrote:

                                        <div class="form-group row">

                                            <label id="label" for="datetimepicker" class="col-md-4">Scheduled At <span
                                                style="color: salmon">*</span></label>
                                                <div class="container">
                                                    <div class="row">
                                                       <div class='col-sm-6'>
                                                          <div class="form-group" id="datetimepicker">
                                                            <datetime-popup [(value)]="myDate"></datetime-popup>
                                                          </div>
                                                       </div>
                                                    </div>
                                                 </div>

                                        </div>

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/Gillardo/ngx-bootstrap-datetime-popup/issues/46#issuecomment-726518000, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABYQGLISAJ6OVDDZCVAAC63SPS5PTANCNFSM4TQQGYCA .

enigma49 commented 4 years ago

image

enigma49 commented 4 years ago

this is what I see in the elements

Gillardo commented 4 years ago

Minimise datetime-popup, so can see more....

I am guessing your input is in the HTML? Just wonder why cant see it.....

enigma49 commented 4 years ago

image

Gillardo commented 4 years ago

You havent added a text box to show the date?

enigma49 commented 4 years ago

No I just have to take the inputs and store it in the database

enigma49 commented 4 years ago 
<div class="form-group row">

                                                <label id="label" for="datetimepicker" class="col-md-4">Scheduled At <span
                                                    style="color: salmon">*</span></label>
                                                    <div class="container">
                                                        <div class="row">
                                                           <div class='col-sm-6'>
                                                              <div class="form-group" id="datetimepicker">
                                                                <datetime-popup [(value)]="myDate"></datetime-popup>
                                                              </div>
                                                           </div>
                                                        </div>
                                                     </div>

                                            </div>

This is how I am using it on the html side

Gillardo commented 4 years ago

Then you need to add a button or something to press so you can open the date picker

enigma49 commented 4 years ago

I didn't find anything like that in the docs, could you please show me how?

Gillardo commented 4 years ago

Have you even looked at the demo pages or the readme?

enigma49 commented 4 years ago

https://plnkr.co/edit/nYNzcgXd9Wz8pxMsPY29?preview I am currenlty refering to this one

enigma49 commented 4 years ago

I found this in the docs of 3.0.0

Gillardo commented 4 years ago

The readme file also shows u an example.

enigma49 commented 3 years ago

Hey! Thank you so much for your help I managed to solve the issue. i really appreciate you taking time out of your busy schedule to help. Thanks Again!

Gillardo commented 3 years ago

No worries.