原本在 Bootstrap 3 出了之後,一直找不到可以用的datetimepicker

現在終於有可以跑在Bootstrap 3上的bootstrap-datetimepicker了!!

使用方法

<div class="container">
	<div class="col-md-10">
		<div class='well'>
			<div class="form-group">
				<div class='input-group date' id='datetimepicker1'>
					<!-- 可以透過data-format定義資料格式 -->
					<input type='text' class="form-control" data-format="yyyy/MM/dd" />
					<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
					</span>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	(function($) {
		$('#datetimepicker1').datetimepicker({
			pickTime: false
		});

	})(jQuery);
</script>

補充說明
建議可以直接用Bower install,才不會漏掉一些相依性套件
如果是手動抓 js 引用,記得先引用 moment.js 程式才可以正常運作

Categories: Bootstrap