jquery timepicker 時間

投稿者: | 2020年4月14日

時間のプルダウン

		<div class="page_des">
		<ul>
		  <li class="des2"><i class="fas fa-chevron-circle-right"></i>チェックイン</li>
		  <li class="des2_2"><input type="text" id="datepickerFrom" class="lib-timepicker1 text2" name="property_ce1_1" value="{$item->PROPERTY_CE1_1}"data-time-format="H:i" /> ~ <input type="text" class="lib-timepicker2 text2" name="property_ce1_2" value="{$item->PROPERTY_CE1_2}" data-time-format="H:i" /></li>
		</ul>
		</div>
		<div class="page_des">
		<ul>
		  <li class="des2"><i class="fas fa-chevron-circle-right"></i>チェッアウト</li>
		  <li class="des2_2"><input type="text" id="datepickerFrom" class="lib-timepicker22 text2" name="property_ce2_1" value="{$item->PROPERTY_CE2_1}" data-time-format="H:i" /> ~ <input type="text" class="lib-timepicker32 text2" name="property_ce2_2" value="{$item->PROPERTY_CE2_2}" data-time-format="H:i" /></li>
		</ul>
		</div>
<link rel="stylesheet" href="https://cdn.rawgit.com/jonthornton/jquery-timepicker/3e0b283a/jquery.timepicker.min.css">


<script src="https://cdn.rawgit.com/jonthornton/jquery-timepicker/3e0b283a/jquery.timepicker.min.js"></script>
<script>
$('.lib-timepicker1').timepicker();
</script>
<script>
$('.lib-timepicker2').timepicker();
</script>




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA