jQuery DateTime Picker / Улучшение / Плагины Bootstrap

Версия: v1.0.1

Каталог: Плагины Bootstrap

Категория: Улучшение

Для Bootstrap: 3, 4

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Вес файла: 498.9 Kb

Уникальный ID: 2200

Посмотрели: 1528 раз

Скачать бесплатно

Скачали бесплатно: 24 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 3 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/nehakadam/DateTimePicker

Информация: Пользователям

Информация: Правообладателям

Теги: дата, Time, Date, время, Plugin, jQuery, Bootstrap

Поделился: BootstrapТема

Добавлено: 2017-06-15 в 00:35

Метка: 1585232555

⇄ ⇅

<!DOCTYPE html>
<html>
<head>
<title>jQuery DateTime Picker with Twitter Bootstrap | BootstrapTema</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="https://bootstraptema.ru/plugins/2017/jdtp/DateTimePicker.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://bootstraptema.ru/plugins/2017/jdtp/DateTimePicker.js"></script>
<style type="text/css">
.container
{
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<div class="row">

<div class="form-group">
<p>Date : </p>
<input type="text" class="form-control" data-field="date" data-format="dd-MMM-yyyy" readonly>
</div>

<div class="form-group">
<p>Time : </p>
<input type="text" class="form-control" data-field="time" data-format="hh:mm AA" readonly>
</div>

<div class="form-group">
<p>DateTime : </p>
<input type="text" class="form-control" data-field="datetime" data-format="dd-MMM-yyyy hh:mm:ss AA" readonly>
</div>
</div>
</div>
<div id="dtBox"></div>
<script type="text/javascript">
$(document).ready(function()
{
$("#dtBox").DateTimePicker({
dateFormat: "MM-dd-yyyy",
timeFormat: "HH:mm",
dateTimeFormat: "MM-dd-yyyy HH:mm:ss AA"
});
});
</script>
</body>
</html>

BootstrapTema

jQuery DateTime Picker

Скриншот

Подробнее

Похожие

Архив

Всего комментариев: 0