My97DatePicker 显示时分秒且开始时间不能大于结束时间,结束时间不能小于开始时间

本文详细介绍如何使用My97DatePicker实现日期选择器功能,包括下载、引入JS文件及设置开始与结束时间的具体代码,确保开始时间不晚于结束时间。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. 首先到My97DatePicker官网下载zip文件,解压,可以看到有个 WdatePicker.js 文件(基本只需要下载这个就可以)
2. 引入js文件
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
3. 代码
开始时间:<input type="text" id="stime"  placeholder="开始时间" autocomplete="off" οnfοcus="WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss'})" onclick="WdatePicker({maxDate:'#F{$dp.$D(\'etime\')}'});">
结束时间:<input type="text" id="etime"  placeholder="结束时间" autocomplete="off" οnfοcus="WdatePicker({ dateFmt: 'yyyy-MM-dd HH:mm:ss'})" onclick="WdatePicker({minDate:'#F{$dp.$D(\'stime\')}'});">
  • placeholder 提供可描述输入字段预期值的提示信息(hint)。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。(可有可无)
  • oοnclick=“WdatePicker({maxDate:’#F{ d p . dp. dp.D(‘etime’)}’});” 设置开始时间不能大于结束时间
  • οnclick=“WdatePicker({minDate:’#F{ d p . dp. dp.D(‘stime’)}’});” 设置结束时间不能小于开始时间
  • οnfοcus=“WdatePicker({ dateFmt: ‘yyyy-MM-dd HH:mm:ss’})” 设置时分秒
  • utocomplete=“off” 关闭自动填充(可有可无)
4. 显示效果

在这里插入图片描述

  • 结束时间不能小于开始时间
    在这里插入图片描述
  • 开始时间不能大于结束时间

设置结束时间
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值