用datatimepicker日期插件实现限定日期范围

这篇博客介绍了在bootstrap框架中如何使用datetimepicker日期插件设置日期范围限制,避免起始日期大于截止日期或截止日期小于起始日期。博主分享了从其他博客学到的关键步骤,包括导入必要的CSS和JS文件,HTML代码以及核心的JS代码段,特别是`dp.change`事件的处理。通过这个方法,当选择截止日期时,如果日期早于起始日期,所有之前的日期将显示为禁止选择。
摘要由CSDN通过智能技术生成

自己刚学bootstrap框架,因为项目要求直接从别人的博客里学了下这个datatimepicker日期插件,纯属赶鸭子上架。

自己之前百度过很多不同方法,可能因为导入的bootstrap的css,js,和datetimepicker的css,js文件版本不同,都无法正常使用,一直会报错。

我下面用的方法是从以为博客主那儿学到的:(他的博客地址:https://blog.csdn.net/qq_33368846/article/details/82223676

1. 导入的CSS,JS,JQuery文件

  //CSS文件
  <link rel="stylesheet" href="search.css">   //这是自己定义的样式
   <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" >
   <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

 //JS文件
       <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
       <script src&#
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值