热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Bootstrapdatetimepicker控件日期时间选择器简单使用

bootstrap-datetimepicker日期控件简单使用应用场景:表单日期

bootstrap-datetimepicker 日期控件简单使用

应用场景:表单日期填写,为防止用户随意输入日期,导致日期格式与springmvc默认的日期格式冲突(提交的数据格式不对:生日:日期; ),而报错错误

  • springmvc默认日期是按照/的方式 : 2020/12/12
  • springmvc源码简单分析  -- springboot版本:springboot1.×

  • WebMvcAutoConfiguration.java 
  • 日期格式化器

 默认日期格式: yyyy/MM/dd

  • 我们也可以通过修改配置文件的方式,改变日期格式:
  • #指定日期格式
    spring.mvc.date-format=yyyy-MM-dd

    但是这样既麻烦,又容易出错。

  • 因此bootstrap-datetimepicker 日期控件闪亮登场
  1. 下载
  • 下载bootstrap-datetimepicker 下载zip包,解压后导入项目webapp目录下
  • 官网:https://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
  • github: https://github.com/smalot/bootstrap-datetimepicker
  • demo目录结构

2. 引入css和js 。注意:引入css和js的位置





3.编写一个简单的html页面即可:


DATE










id="starttime">

4.页面效果展示:


推荐阅读
author-avatar
百万家庭
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有