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

bootstrap-datetimepicker 日期控件简单使用

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

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

  • WebMvcAutoConfiguration.java 
  • 日期格式化器

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

Bootstrap datetimepicker控件 日期时间选择器 简单使用_第1张图片

  • 我们也可以通过修改配置文件的方式,改变日期格式:
  • #指定日期格式
    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目录结构
  • Bootstrap datetimepicker控件 日期时间选择器 简单使用_第2张图片

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


 



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

DATE



4.页面效果展示:

Bootstrap datetimepicker控件 日期时间选择器 简单使用_第3张图片

Bootstrap datetimepicker控件 日期时间选择器 简单使用_第4张图片

你可能感兴趣的:(JavaSE基础)