日期选择器问题-Bootstrap JS

Question

I'm new to the scripting languages, I need help to resolve this issue. The bootstrap date picker resets the field when I choose the same date by using the date picker icon.

$('#from_date .input-daterange').datepicker({
  keyboardNavigation: false,
  format: "dd-M-yyyy",
  endDate: '+0d',
  clearBtn: true,
  forceParse: false,
  autoclose: true,
});

My HTML line of code is as follows:

<input type="text" style="margin-left: -5px;  width: 99px;" class="form-control" id="fromdate" 
name="quote-issue-date-start" placeholder="From date" data-bind="value:fromDate"  />
<span class="input-group-addon">
    <i class="fa fa-calendar"></i>
</span>

The textbox gets cleared when I again choose the date from the datepicker.

Answer 1

Many things look wrong:

1. You try to select an element which does not exist: $('#from_date - the id in your markup is fromdate (withouth the underscore)

2. In your selector $('#from_date .input-daterange') you try to select .input-daterange inside #from_date - if #from_date is an <input> element it cant have children, so the selector should be $('#from_date.input-daterange') (if the input would actually have that class)

3. You have a syntax error:

   autoclose: true, });

The , is false here.