BootStrap DateTimePicker使用
2015-12-15 16:11
501 查看
//HTML页面(先导入)
//jQuery
<script type="text/javascript">
$('.form_date').datetimepicker({
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0
});
</script>
<div id="date" style="width:400px;margin:0 0 15px 0" class="input-group date form_date" data-date="" data-date-format="yyyy-MM-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd"> <input class="form-control" size="16" type="text" placeholder="日期" value="" readonly> <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> </div>
//jQuery
<script type="text/javascript">
$('.form_date').datetimepicker({
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 2,
minView: 2,
forceParse: 0
});
</script>
相关文章推荐
- 使用bootstrap tooltip控件动态修改提示内容
- 使用bootstrap tooltip控件动态修改提示内容
- angular-bootstrap
- 【转】让Bootstrap轮播插件carousel支持左右滑动手势的三种方法
- EF+MVC+Bootstrap 项目实践 Day7
- Bootstrap4
- EF+MVC+Bootstrap 项目实践 Day6
- BootStrap table 数据填充与分页应用总结
- bootstrap的验证和确认对话框
- Bootstrap 进度条
- Bootstrap3.0入门学习系列教程
- 扩展bootstrap的popover, 增加在指定时间内fadeOut的功能
- EF+MVC+Bootstrap 项目实践 Day5
- bootstrap心得
- BootStrap--CSS组件
- Bootstrap--组件
- BootStrap--全局CSS样式
- bootstrap封装成seajs cmd模块
- Bootstrap HTML 5 文档类型
- Bootstrap & EasyUI WEB开发框架