首页 > 浏览文章 > DateTime Picker库使用小记

DateTime Picker库使用小记


说明:此文是本站原创文章,若要转载,请注明出处并添加超链接。

DateTime Picker 是 Bootstrap 的一个库,可以在input框里方便选择日期和时间



使用也很简单:


<link href="jquery.datetimepicker.css" rel="stylesheet" />
<script src="jquery.datetimepicker.js"></script>
<input class="time_controls" value="" placeholder="时间" type="text" /> 
<script type="text/javascript">
  $('.time_controls').datetimepicker({
    timepicker: false,
    format: "Y-m-d",
  });
</script>


如果想这样只选择时间呢?



这样初始化就可以了:


<script type="text/javascript">
  $(".time_controls").datetimepicker({
    format:'H:i',
    timepicker: true,
    datepicker: false,
    step:30,
  });
</script>

其他链接

意见箱 © 个站商店 2016 v0.98 星球彦 | 访客数:161951