2017-02-04 1 views
0

UPDATE: я удалил $ .noConflict(); строка из кода, и что произошло, все остальные файлы JQuery в шаблоне не работают, все из них, кроме пользовательских файлов JQuery Datepicker IЯ хочу использовать JQuery Datepicker на шаблоне, который я использовал, но из-за встроенного файла JQuery Core из шаблона я не могу заставить его работать

Я исключительно хочу, чтобы JQuery Datepicker + мои пользовательские коды работали там , но я не могу заставить его работать. Возможно, из-за обоих файлов JQuery на одном сайте. Я прочитал о функции noConflict, но я думаю, что не могу заставить ее работать правильно.

Вот мой код о noConflict я использовал:

<!-- Datepicker Conflict Js --> 
    <script type="text/javascript" src = "js/jquery-1.10.2.js"></script> 
    <script type="text/javascript" src = "js/jquery-ui.js"></script> 

    <!-- Datepicker JavaScript function --> 
    <script type="text/javascript"> 
     $.noConflict(); 
     $(function() { 
      $("#checkInDate").datepicker({ 
       dateFormat: "mm/dd/yy", 
       minDate: 0, 
       onSelect: function(dateText, inst) { 
        var d = $.datepicker.parseDate(inst.settings.dateFormat, dateText); 
        d.setDate(d.getDate() + 1); 
        $("#checkOutDate").val($.datepicker.formatDate(inst.settings.dateFormat, d)); 

       }, 
      }).datepicker("setDate", new Date()); 


      $("#checkOutDate").datepicker({ 
       dateFormat: "mm/dd/yy", 
       minDate: 0 
      }).datepicker("setDate", +1); 
     }); 
</script> 
+0

Есть ошибки в консоли? btw, 'jquery-ui' не конфликтует с' jquery'. Или вы загружаете jQuery в другое место? Если да, есть ли причина, по которой вы снова загружаетесь? – mrlew

+0

Обновление: я удалил $ .noConflict(); строка из кода, и что произошло, все остальные файлы JQuery в шаблоне не работали, все из них, кроме пользовательских файлов JQuery Datepicker, которые у меня есть. – Kenny

ответ

0

Дважды проверьте загрузочные места. Попробуйте использовать источник документов и посмотрите, работает ли это.

https://jqueryui.com/datepicker/

Смежные вопросы