Question

11

how to set placeholder default display in bootstrap-daterangepicker

rated 0 times [ 15] [ 4] / answers: 1 / hits: 19571 / 9 Years ago, tue, november 17, 2015, 12:00:00

HTML:

<input type=text name=form placeholder=Check In>

JS:

$('input[name=form]').daterangepicker({

    singleDatePicker: true,

    showDropdowns: true,

});

I want to look like this.

example

bootstrap-daterangepicker official website：http://www.daterangepicker.com/

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

darrell

Add To Favorites

Follow

Total Points: 109

Total Questions: 113

Total Answers: 113

Location: Zambia

Member since Sat, Oct 31, 2020

4 Years ago

darrell questions

1 How to pass Github secrets as value in json file?

Mon, May 9, 22, 00:00, 2 Years ago

1 How to imperatively handle an error, with react-query?

Sat, Mar 19, 22, 00:00, 2 Years ago

1 Uncaught SyntaxError: Unexpected token '< ' in Laravel/Vue Application

Sat, Dec 19, 20, 00:00, 4 Years ago

1 Trouble with fetch error handling in Reactjs

Sat, Oct 10, 20, 00:00, 4 Years ago

1 How to put both normal text and embed in the same message? discord.js

Thu, Sep 24, 20, 00:00, 4 Years ago

View All

answered 9 Years ago maryann · Accepted Answer

UPDATE: You can do a work-around using this:

$('input[name=from]').daterangepicker({

    singleDatePicker: true,

  showDropdowns: true,

});



   $('input[name=from]').val('');

   $('input[name=from]').attr(placeholder,Check In);

<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>

<script src=https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js type=text/javascript></script>

<script type=text/javascript src=//cdn.jsdelivr.net/momentjs/latest/moment.min.js></script>

<script type=text/javascript src=//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js></script>

<link rel=stylesheet type=text/css href=//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css />



<link href=https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css media=screen rel=stylesheet type=text/css>

<input type=text name=from placeholder=Check In class=form-control>