how to use jquery for more control?

Question

I have timepicker in page for one textbox, i want to use it for more textboxes in this page?!

<head>
<script type="text/javascript">
    $(document).ready(function () {
        $('#example8', '#TextBox1').timepicker({
            ampm: true                
        });
    });
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
    <input type="text" name="example8" id="example8" value="" />
</div>    
</form>
</body>

parapura rajkumar · Accepted Answer · 2011-05-26 17:45:13Z

3

You can do something like this

        <script type="text/javascript">
            $(document).ready(function () {
                $('.needstimepicker').timepicker({
                    ampm: true                
                });
            });
        </script>



        <div>
            <input type="text" class="needstimepicker" name="example8" id="example8" value="" />
            <input type="text" class="needstimepicker" name="example8" id="example9" value="" />
            <input type="text" class="needstimepicker" name="example8" id="example10" value="" />
        </div>

answered May 26, 2011 at 17:45

parapura rajkumar

24.5k2 gold badges58 silver badges86 bronze badges

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

1 Comment

shahin Over a year ago

how can i use it in page that use maste page?

SLaks · Accepted Answer · 2011-05-26 17:44:11Z

2

You need to use the , selector in a single string:

$("#this, #that").whatever()

answered May 26, 2011 at 17:44

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Comments

Michael · Accepted Answer · 2011-05-26 17:45:41Z

2

try something like this

<head>
<script type="text/javascript">
    $(document).ready(function () {
        $('.timepicker', '#form1').timepicker({
            ampm: true                
        });
    });
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
  <input type="text" class="timepicker" name="picker1" id="picker1" value="" />
  <input type="text" class="timepicker" name="picker2" id="picker2" value="" />
  <input type="text" class="timepicker" name="picker3" id="picker3" value="" />
</div>    
</form>
</body>

answered May 26, 2011 at 17:45

Michael

1,2311 gold badge8 silver badges15 bronze badges

Comments

Asif Mahamud · Accepted Answer · 2013-04-25 19:12:16Z

1

Try this:

<script type="text/javascript">
            $(document).ready(function () {
                 $('.needstimepicker').each(function(){
                 $(this).timepicker({
                    ampm: true                
                });
               });

            });
        </script>



        <div>
            <input type="text" class="needstimepicker" name="example8" id="example8" value="" />
            <input type="text" class="needstimepicker" name="example8" id="example9" value="" />
            <input type="text" class="needstimepicker" name="example8" id="example10" value="" />
        </div>

answered Apr 25, 2013 at 19:12

Asif Mahamud

5832 silver badges10 bronze badges

Collectives™ on Stack Overflow

how to use jquery for more control?

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related