Показать сообщение отдельно
  #6 (permalink)  
Старый 19.01.2017, 22:30
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Руслан Харасов,
Сообщение от Руслан Харасов
сначала выбираем дату, следом появляется выбор смены
только наоборот
<!doctype html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>jQuery UI Datepicker - Default functionality</title>

  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">

  <style type="text/css">
  </style>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>

  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

  <script>
 $(function() {
    $("#date_eat").datepicker({
        dateFormat: "dd/mm/yy,'смена '",
        onSelect: function(a) {
              var sm = $(".sel").val()||"I";
              this.value = a + sm;
        }
    })
   $(".sel").change(function() {
   this.value && $("#date_eat").datepicker("show")
})
});
  </script>

</head>

<body>


<select class="sel" size="1">
<option value="">Выберите смену</option>
<option value="I">I</option>
<option value="II">II</option>
</select>
<p>Date: <input type="text" id="date_eat"></p>




</body>

</html>

Последний раз редактировалось рони, 19.01.2017 в 22:38.
Ответить с цитированием