Daterangepicker не работает в ASP.NET при добавлении runat= " сервер"

---

Я использую элемент управления jQuery daterangepicker в asp.net но это не работает

Что я уже пробовал:

My code:
<pre lang="c#">
<div class="col-md-6 xdisplay_inputx form-group has-feedback">
                                      
<input type="text" runat=server class="form-control has-feedback-left" id="single_cal1" placeholder="First Name" aria-describedby="inputSuccess2Status">
                                         
                                        <script type="text/javascript">
                                            $(document).ready(function () {
                                                $(function () {
                                                    
                                              $("#single_cal1").daterangepicker();
                                                });
                                            });
                                        
                                        </script>                                        
                                        
                                        <span class="fa fa-calendar-o form-control-feedback left" aria-hidden="true"></span>
                                        <span id="inputSuccess2Status" class="sr-only">(success)</span>
                                      </div>

daterangepicker функция начальной загрузки

$('#single_cal1').daterangepicker({
  singleDatePicker: true,
  singleClasses: "picker_1",
  locale: {
    format: 'DD/MM/YYYY',
  }

}, function(start, end, label) {
  console.log(start.toISOString(), end.toISOString(), label);
});

Помоги мне !!

---