Есть форма с плагином Formly, при попытке создания нового поля и подключения к нему datetimepicker, слетает стиль. Как сделать, чтобы они работали вместе?
Кликните здесь для просмотра всего текста
| HTML5 |
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| <!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/formly.js"></script>
<link rel="stylesheet" href="css/index.css" type="text/css">
<link rel="stylesheet" href="css/formly.css" type="text/css">
</head>
<body>
<form id="ContactInfo" width="600px" title="Бронирование столика">
<input type="text" name="first_name" place="Имя" size="30" />
<input type="text" name="last_name" place="Фамилия" size="30" style="margin-left:10px;" />
<input type="text" name="email" validate="email" place="Адрес email" size="30" />
<input type="text" name="phone" place="Ваш телефон" size="30" pre-fix="+7" validate="phone" style="margin-left:10px;" /> <br>
<th class="label">
Выберите кофейню
</th>
<td>
<select id="gender">
<option value="text" size="30"> </option>
<option value="text" size="30"> </option>
<option value="text" size="30"> </option>
<option value="text size="30""> </option>
</select> <br>
<th class="label">
Выберите зону посадки
</th>
<td>
<select id="gender">
<option value="text"> </option>
<option value="text">Курящий зал</option>
<option value="text">Некурящий зал</option>
<option value="text">Все равно</option>
</select> <br>
<th class="label">
Количество гостей
</th>
<td>
<select id="gender">
<option value="int"> </option>
<option value="int">2</option>
<option value="int">4</option>
<option value="int">6</option>
</select> <br>
<input type="radio" name="membership" value="Гость" style="margin-left:10px;" /> Новый пользователь
<input type="radio" name="membership" value="Пользователь" /> Действующий пользователь
<input type="password" name="pword" require="true" label="Пароль" place="Пароль" />
<input type="password" name="pwordm" match="pword" label="Пароль" place="Повторите пароль" /><br>
<input type="submit" value="Далее" /><input type="reset" value="Очистить форму" /> </form>
<script>
$(document).ready(function()
{
$('#ContactInfo').formly({'theme':'Dark'}, function(e)
{ $('.callback').html(e); });
});
</script>
</body> |
|
Datetimepicker
Кликните здесь для просмотра всего текста
| HTML5 |
1
2
3
4
5
6
7
| <link rel="stylesheet" type="text/css" href="js2/jquery.datetimepicker.css"/>
<script src="js2/jquery.js"></script>
<script src="js2/jquery.datetimepicker.js"></script>
<input type="text" id="datetimepicker"/>
<script>
$('#datetimepicker').datetimepicker();
</script> |
|
(
