Okay
  Public Ticket #1191354
Date Picker issue
Closed

Comments

  •  1
    Palmeroni started the conversation

    Hi, 

    we are trying to use the same date picker on same page in 2 different sections but are having issue. 

    If from_date use id "rangepicker4" than what should use into to_date id?

    thanks 

  •  29
    Jyostna replied

    Hello, 

    Try using class names for initializing the datepicker instead of Id.

    That way you can create two datepickers with single call.

    Thank you

  •  1
    Palmeroni replied

    thanks i will send to my devs 

  •  1
    Palmeroni replied

    <div class="form-group">
                                            <label>Single Date Picker:</label>
                                            <div class="input-group">
                                                <div class="input-group-addon">
                                                    <i class="livicon" data-name="laptop" data-size="14" data-loop="true"></i>
                                                </div>
                                                <input type="text" class="form-control" id="rangepicker4" />
                                            </div>
                                            <!-- /.input group -->
                                        </div>

  •  29
    Jyostna replied

    Hello,

    To add to datepickers in the same page try the following code:

    HTML:

    <div class="form-group">
                                            <label>Single Date Picker1:</label>
                                            <div class="input-group">
                                                <div class="input-group-addon">
                                                    <i class="livicon" data-name="laptop" data-size="14" data-loop="true"></i>
                                                </div>
                                                <input type="text" class="form-control" id="rangepicker4" />
                                            </div>
                                            <!-- /.input group -->
                                        </div>

    <div class="form-group">
                                            <label>Single Date Picker2:</label>
                                            <div class="input-group">
                                                <div class="input-group-addon">
                                                    <i class="livicon" data-name="laptop" data-size="14" data-loop="true"></i>
                                                </div>
                                                <input type="text" class="form-control" id="rangepicker5" />
                                            </div>
                                            <!-- /.input group -->
                                        </div>

    JS:

    $("#rangepicker4").daterangepicker({
            singleDatePicker: true,
            showDropdowns: true
        });
    $("#rangepicker5").daterangepicker({
            singleDatePicker: true,
            showDropdowns: true
        });
  •  1
    Palmeroni replied

    thanks so much - sent to devs