Bootstrap datetimepicker控件

版权声明:@今年依旧12岁 https://blog.csdn.net/qq_34087199/article/details/88573021

List item控件使用:

Bootstrap datetimepicker 官方API

<div class="col-md-2">
	<label for="date" class="text-right fix-width">Date:</label>
	<input size="16" type="text" id="date" value="" readonly class="form_datetime form-control">
</div>
$(".form_datetime").datetimepicker({
          format: 'yyyy-mm-dd', //时间显示的格式
          todayBtn: true, //一键选中今天的日期
          pickerPosition: "bottom-left", //打开选择卡的位置
          weekStart: 1, //周开始的星期:0-6 星期日-星期六
          autoclose: true,//选好时间后自动关闭
          minView:"2",//显示的最小选项卡:0-4 hour,day,month,year,decade
          language: 'zh-CN',
      }); 

效果图:
打开时的显示效果
选好后的显示效果

猜你喜欢

转载自blog.csdn.net/qq_34087199/article/details/88573021