PHP + jQuery: Apply datepicker to inputs with specific pattern

Question

I have a big form with at least 5 input date forms.

For example:

    <input type="text" id="nameClient" name="nameClient"/>
    <input type="text" id="nameRouterID" name="nameRouerID"/>
    <input type="text" id="dateInstallation" name="dateInstallation"/>
    <input type="text" id="dateConfiguration" name="dateConfiguration"/>
    <input type="text" id="dateConfirmationClient" name="dateConfirmationClient"/>

Well, i want to search the entire DOM for %date% word and apply datepicker jQuery plugin, avoiding to create this following lines for each element

    <script>
$( "#dateInstallation" ).datepicker();
$("#dateInstallation").datepicker("option", {dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true});
    });
    </script>';

I think it's possible to know with .find() function and "this" relative, but i'm not familiar. I think is something like this:

    $( "text" ).find( "%date%" ).datepicker();

And later:

    $(this).datepicker("option", {dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true});

But i can't get it work I am not sure whether it is syntax problem or other

Could you perhaps add a class to each of the elements? <input type="text" id="dateConfiguration" class="dateInput" name="dateConfiguration"/>, and then $('.dateInput').datepicker()? — Piskvor left the building
– Piskvor left the building, Commented Apr 8, 2014 at 9:45
Oh, I have not think that, it's a good idea if it's not possible to search in the entire DOM. I have to mark it, but the rest is dynamic. — Alex Deiwor
– Alex Deiwor, Commented Apr 8, 2014 at 9:48

adeneo · Accepted Answer · 2014-04-08 09:46:38Z

3

You can use the attribute starts with selector to match ID's starting with date

 $('[id^="date"]').datepicker();

or to match any ID containing date, the attribute contains selector

 $('[id*="date"]').datepicker();

FIDDLE

answered Apr 8, 2014 at 9:46

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Alex Deiwor Over a year ago

Edit: It works! To apply the specific option, I add after $('[id^="date"]').datepicker("option", {dateFormat: "dd/mm/yy", changeMonth: true, changeYear: true});

Collectives™ on Stack Overflow

PHP + jQuery: Apply datepicker to inputs with specific pattern

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related