0

Я подключил в календарь, в файле myscript.js прописал

  $(document).ready(function(){
    $( "#date" ).datepicker({
      showOtherMonths: true,
      selectOtherMonths: true
    });
  });

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


Обновление из комментариев

Порядок подключения такой:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script type="text/javascript" src="js/allscripts.js"></script>
<script type="text/javascript" src="js/myscript.js"></script>

Где здесь может быть неправильно подключение?

Если написать то, что в верхней части ответа:

$("#date").datepicker({
    showOtherMonths: true,
    selectOtherMonths: true,
    /* Кликнули на дату в календаре */
    onChange: function(formated, dates){
        /* Передаем выбранную дату в наш input */
        $("#date").val(formated);
        /* Прячем календарь */
        $("#date").DatePickerHide();
    }
});

то ничего не отображается в поле.

1 ответ 1

2

Скорее всего, вам нужно это:

$("#date").datepicker({
    showOtherMonths: true,
    selectOtherMonths: true,
    /* Кликнули на дату в календаре */
    onChange: function(formated, dates){
        /* Передаем выбранную дату в наш input */
        $("#date").val(formated);
        /* Прячем календарь */
        $("#date").DatePickerHide();
    }
});

Update: перепутал datepicker'ы...
По умолчанию DatePicker скрывается, при выборе даты (кликни)
Проверяйте правильность подключения стилей, скриптов и тому подобного.
Вот полный код странички с рабочим вариантом:

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Demo Page</title>
  <!-- jQuery -->
  <script type='text/javascript' src='http://code.jquery.com/jquery-git2.js'></script>
  <!-- jQuery UI -->
  <script type='text/javascript' src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  <!-- jQuery UI CSS -->
  <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <!-- Подключаем DatePicker -->
  <script type='text/javascript'>
    $(window).load(function(){
        $("#date").datepicker({
            showOtherMonths: true,
            selectOtherMonths: true
        });
    });
  </script>
</head>
<body>
  <input type="text" id="date" value="" />
</body>
</html>
1
  • @NickVolynkin, я всю информацию перенес в вопрос. Комментарии можно удалять.
    – VenZell
    Commented 16 нояб. 2016 в 9:08

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.