container options

[benitolopez]

container options

[Cristiano81]

Hi,have you placed the initialization of datepicker inside a document ready function?

…

----Messaggio originale---- Da: [email protected] Data: 27-set-2017 15.06 A: "benitolopez/hotel-datepicker"<[email protected]> Cc: "Subscribed"<[email protected]> Ogg: Re: [benitolopez/hotel-datepicker] container options (#1) Yes Sir i using correct id, I makes changes now code is: ` var hdpkr; var dynamicdates = [ '2017-09-27', '2017-09-23', '2017-09-26', '2017-09-28', '2017-10-01', '2017-10-11' ] var input = document.getElementById('ppzdate'); var containery = document.getElementById('yyyyy'); hdpkr = new HotelDatepicker(input, { format: 'DD-MM-YYYY', autoClose: false, container: containery, disabledDates: dynamicdates, }); hdpkr.open();` Note: but datepicker is showing correctly &amp; working find also, but getting same error I don't know it will make conflict or not others codes in future. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or mute the thread. {"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/benitolopez/hotel-datepicker","title":"benitolopez/hotel-datepicker","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/benitolopez/hotel-datepicker"}},"updates":{"snippets":[{"icon":"PERSON","message":"@omguddu100 in #1: Yes Sir i using correct id,\r\n\r\n I makes changes now code is:\r\n`\r\n var hdpkr;\r\n var dynamicdates = [\r\n '2017-09-27',\r\n '2017-09-23',\r\n '2017-09-26',\r\n '2017-09-28',\r\n '2017-10-01',\r\n '2017-10-11'\r\n ]\r\n\r\n var input = document.getElementById('ppzdate');\r\n var containery = document.getElementById('yyyyy');\r\n hdpkr = new HotelDatepicker(input, {\r\n format: 'DD-MM-YYYY',\r\n autoClose: false,\r\n container: containery,\r\n disabledDates: dynamicdates,\r\n\r\n });\r\n hdpkr.open();`\r\n\r\n\r\nNote: but datepicker is showing correctly \u0026 working find also, but getting same error\r\n\r\n\r\nI don't know it will make conflict or not others codes in future. \r\n\r\n"}],"action":{"name":"View Issue","url":"#1 (comment)"}}}

[benitolopez]

Hi,

The option sets the container of the datepicker. If you don't pass it, the parent of the input is used instead. It is useful to append the datepicker to a custom container.

Example:

var customContainer = document.getElementById('your-container');
var datepicker = new HotelDatepicker(document.getElementById('your-input'), {
	container: customContainer
});

[omguddu100]

can You plz help me

I added customContainer but also getting same error

` var input1 = document.getElementById('ppzdate');
        var containery = document.getElementById('yyyyy');
        hdpkr = new HotelDatepicker(input1, {
            format: 'DD-MM-YYYY',
            autoClose: false,
            container: containery,
            disabledDates: dynamicdates,

        });
        hdpkr.open();
        hdpkr.init();
       
    });`

input.parentElement is getting null

[benitolopez]

Just tried and it works. No error. Can I see your page?
That error means that your input doesn't exist. Are you using the correct ID for the input (ppzdate)?

Also, why are you calling the init() function? That's an internal function. You should use only the open() function.

[omguddu100]

Yes Sir i using correct id,

I makes changes now code is:
`
var hdpkr;
var dynamicdates = [
'2017-09-27',
'2017-09-23',
'2017-09-26',
'2017-09-28',
'2017-10-01',
'2017-10-11'
]

    var input = document.getElementById('ppzdate');
    var containery = document.getElementById('yyyyy');
    hdpkr = new HotelDatepicker(input, {
        format: 'DD-MM-YYYY',
        autoClose: false,
        container: containery,
        disabledDates: dynamicdates,

    });
    hdpkr.open();`

Note: but datepicker is showing correctly & working find also, but getting same error

I don't know it will make conflict or not others codes in future.

[benitolopez]

Are you using a custom version of the plugin? Can you make your tests with the default and unmodified hotel-datepicker.js file?

And again, a real URL would be much appreciated.

[omguddu100]

@Cristiano81 . No, when i initialization inside document ready function, then it not working so I initialize without document ready function . Thanks

[omguddu100]

Yes sir I customized only for 'always show datepicker'. sure i will test my custom plugin with hotel-datepicker.js.
thanks for valuable support.!

[Cristiano81]

what error do you get from document ready?

…

----Messaggio originale---- Da: [email protected] Data: 27-set-2017 15.32 A: "benitolopez/hotel-datepicker"<[email protected]> Cc: "Cristiano Nerozzi"<[email protected]>, "Mention"<[email protected]> Ogg: Re: [benitolopez/hotel-datepicker] container options (#1) @Cristiano81 . No, when i initialization inside document ready function, then it not working so I initialize without document ready function . Thanks — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread. {"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/benitolopez/hotel-datepicker","title":"benitolopez/hotel-datepicker","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/benitolopez/hotel-datepicker"}},"updates":{"snippets":[{"icon":"PERSON","message":"@omguddu100 in #1: @Cristiano81 . No, when i initialization inside document ready function, then it not working so I initialize without document ready function . Thanks"}],"action":{"name":"View Issue","url":"#1 (comment)"}}}

[omguddu100]

@Cristiano81 datepicker not showing & getting thing

[Cristiano81]

as benito said, if you could provide the page link , we can help you

…

----Messaggio originale---- Da: [email protected] Data: 27-set-2017 16.33 A: "benitolopez/hotel-datepicker"<[email protected]> Cc: "Cristiano Nerozzi"<[email protected]>, "Mention"<[email protected]> Ogg: Re: [benitolopez/hotel-datepicker] container options (#1) @Cristiano81 datepicker not showing &amp; getting thing — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread. {"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/benitolopez/hotel-datepicker","title":"benitolopez/hotel-datepicker","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/benitolopez/hotel-datepicker"}},"updates":{"snippets":[{"icon":"PERSON","message":"@omguddu100 in #1: @Cristiano81 datepicker not showing \u0026 getting thing \r\n\r\n"}],"action":{"name":"View Issue","url":"#1 (comment)"}}}

[omguddu100]

It's working on my company local machine. so not possible to share link. I trying to fix myself.
Thanks