Thread

Hello!

EE version 2.1.3. Build 20101220

I’ve got a problem. I want give to user an opportunity to choose expiration date of entry is SAEF via “datepicker”. But it doesn’t work.

{exp:channel:entry_form channel="blog" return="index" preview="site/entry" use_live_url="no"}

<input id="datepicker" class="formcanvas" type="text" name="expiration_date" value="{expiration_date}" maxlength="23" size="25" />
[removed]
    $(function() {
        $( "#datepicker" ).datepicker();
    });
    [removed]
{/exp:channel:entry_form}

If I remove channel tags it will work correctly. So could you tell me how can I solve this problem?

i would guess it is EE doing something with the Curly brackets in your javascript function. Try moving that script outside the entry_form tags.

However, i have done what you ask in the above before without any issue, so not sure it is that.
Do you have a live example?

nevsie, I thought the same way. I mean js curly brackets. But what should I do? As I know I can’t move expiration date field outside SAEF.

No, there is no online version. Only localhost.

1… You can move the JS outside of the exp:channel:entry_form tags. But you still leave the input tag in place. The expiration date field is still within the exp:channel:entry_form so will be fine?

That aside, look at the html being outputted in the browser and see what is actually being shown for that area of JS. see if it is actually getting messed up, or if something else is happening.
What JS errors are you getting?

oh, at first sight it was good idea, but in fact it doesn’t work. I move js outside of the tags. So if I remove the line

{exp:channel:entry_form channel="blog" return="index" preview="site/entry" use_live_url="no"}

it will work fine. So now the problem is not the location of js (within or outside), but the presence of the line I mentioned.

Yeah, I’ve looked at source, there is everything is fine as I see…

May be the exp:channel:entry tag is calling any function with the same name - datepicker and there is some sort of conflict?

well you are going to need to check the source that is output in the browser to test. the jquery UI datepicker is used in the backend, so considering your using a SAEF it is possible your calling it twice causing the conflict. you’ll have to check the JS debug - try using firefox browser and firebug.

I’ve tested output source and get the same not working page. But I saw the next code

type="text/javascript" charset="utf-8" src="http://192.168.10.17/?ACT=jquery"

So I added the parameter into exp:channel:entry_form tag

include_jquery="no"

http://ellislab.com/expressionengine/user-guide/modules/channel/entry_form.html#par_include_jquery

Thank you 😊

So, you’re good?

yeah, the problem is solved

Thanks for the assist, Nevsie.

Burunduk, Don’t hesitate to post again as needed.