基于bootstrap的datetimepicker插件
2016-12-01 11:24
92 查看
<script th:inline="javascript">
$(".form_date").datetimepicker({
format: 'yyyy-mm-dd hh:ii',
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 0,
todayHighlight: 0,
startView: 2,
minView: 2,
maxView: 2,
forceParse: 0,
showMeridian: 1,
startDate: '2016-11-11',
forceParse: 0
});
$(".form_date").on('changeDate', function(ev){
alert(formatDate(ev.date))
/* $start.datetimepicker("setEndDate", formatDate(ev.date)) */
});
function formatDate(date) {
date = date || new Date();
return [
date.getFullYear(),
date.getMonth() + 1,
date.getDate()
].join("-");
}
</script>在一个页面有个日期的面板,点击一个日期,弹出点击的日期。
$(".form_date").datetimepicker({
format: 'yyyy-mm-dd hh:ii',
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 0,
todayHighlight: 0,
startView: 2,
minView: 2,
maxView: 2,
forceParse: 0,
showMeridian: 1,
startDate: '2016-11-11',
forceParse: 0
});
$(".form_date").on('changeDate', function(ev){
alert(formatDate(ev.date))
/* $start.datetimepicker("setEndDate", formatDate(ev.date)) */
});
function formatDate(date) {
date = date || new Date();
return [
date.getFullYear(),
date.getMonth() + 1,
date.getDate()
].join("-");
}
</script>在一个页面有个日期的面板,点击一个日期,弹出点击的日期。
相关文章推荐
- 基于bootstrap的日期插件bootstrap-datetimepicker
- 基于Metronic的Bootstrap开发框架经验总结(5)--Bootstrap文件上传插件File Input的使用
- JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享(你值得拥有)
- 基于Metronic的Bootstrap开发框架经验总结(8)--框架功能总体界面介绍
- 基于Bootstrap的响应式网页
- 基于bootstrap实现广告轮播带图片和文字效果
- 基于bootstrap的jQuery bootstrap-treeview 多级列表树插件
- 基于Metronic的Bootstrap开发框架经验总结(8)--框架功能总体界面介绍
- 基于springboot+redis+bootstrap+mysql开发一套属于自己的分布式springcloud云权限架构(十七)【权限架构系统(基础框架搭建)】
- 基于JQuery 改造bootstrap模态框拖动功能
- 基于bootstrap的中国地区(行政区)选择器
- Flat UI – 基于 Twitter Bootstrap 的扁平风格 UI 工具包
- 基于bootstrap 的选择框插件-icheck
- 分享基于EF+MVC+Bootstrap的通用后台管理系统及架构
- 基于bootstrap的JQuery中所有checkBox默认选中
- 《基于BootStrap3的JSP项目实例教程》第4讲
- 基于Bootstrap仿淘宝分页控件实现代码
- 基于bootstrap的autocomplete自动…
- 基于Bootstrap表单验证
- 基于bootstrap写的一点localStorage本地储存