手机移动端时间差件 pickadate js disable

本文介绍如何在移动端使用Pickadate.js时间选择库,并详细讲解如何禁用特定日期,为用户提供定制化的交互体验。通过设置配置选项,可以轻松地在JavaScript和HTML中实现这一功能。
摘要由CSDN通过智能技术生成
因为项目需求,时间插件需要控制时间选择,那些可选,不可选。所已找到了 pickadate .

移动端显示效果还可以。







找遍全网,关于这个插件的问题少之又少。可能没几个人用吧。

官网地址   https://www.pickadatejs.cn/date.html

引入css:      <link rel="stylesheet" href="xxx/pickadate/css/default.css">
              <link rel="stylesheet" href="xxx/pickadate/css/default.date.css">

引入js:       <script src="xxx/pickadate/picker.js"></script>
              <script src="xxx/pickadate/picker.date.js"></script>

               <script src="xxx/pickadate/legacy.js"></script>
               <script src="xxx/pickadate/zh_CN.js"></script>



html:        <input type="text" id="jointime" name="jointime"> //时间框

             <div id="showpick"></div>  //时间插件填充div 放到合适位置。



js:      $(document).ready(funct
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值