how to optimize my code in jquery?

Question

I have a jquery, it repeats 5 times for 5 buttons. I'm not good in Jquery, so I want to ask how can I optimize my code in 1 function ? Thanks

$(function() {
    $("#frmEdit\\:idBtn1").datetimepicker({
        showOn: "both",
        buttonImage: "../../jquery/images/calendarIcon.png",
        buttonImageOnly: true,
        constrainInput: true,
        showButtonPanel: true,
        dateFormat: 'dd-M-yy    ',
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
});
$(function() {
    $("#frmEdit\\:idBtn2").datetimepicker({
        showOn: "both",
        buttonImage: "../../jquery/images/calendarIcon.png",
        buttonImageOnly: true,
        constrainInput: true,
        showButtonPanel: true,
        dateFormat: 'dd-M-yy    ',
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
});
..........

Brad · Accepted Answer · 2012-08-23 03:11:03Z

5

You can use multiple selectors. http://api.jquery.com/multiple-selector/

$("#frmEdit\\:idBtn1, #frmEdit\\:idBtn2")

If you have more than a few things to select, I would suggest setting a class, and use a class selector instead.

answered Aug 23, 2012 at 3:11

Brad

164k57 gold badges380 silver badges559 bronze badges

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

1 Comment

Peter Over a year ago

Thanks you all of you so much

VVV · Accepted Answer · 2012-08-23 03:14:00Z

0

You could simply create a function

function createDatePicker(id) {
    $("#frmEdit\\:" + id).datetimepicker({
        showOn: "both",
        buttonImage: "../../jquery/images/calendarIcon.png",
        buttonImageOnly: true,
        constrainInput: true,
        showButtonPanel: true,
        dateFormat: 'dd-M-yy    ',
        addSliderAccess: true,
        sliderAccessArgs: { touchonly: false }
    });
};

Usage

createDatePicker('idBtn1');

answered Aug 23, 2012 at 3:14

VVV

7,6033 gold badges37 silver badges55 bronze badges

Collectives™ on Stack Overflow

how to optimize my code in jquery?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related