WdatePicker设置时间到时分秒,结束时间大于开始时间

最新推荐文章于 2020-11-15 18:10:41 发布

原创最新推荐文章于 2020-11-15 18:10:41 发布 · 1.8k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用WdatePicker插件实现日期范围选择的方法，并结合产品名称搜索功能，适用于需要精确时间筛选的场景。

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

<div class="text-c"> 日期范围：
            <input type="text"  id="start_time" onfocus="WdatePicker({minDate:'#F'+'{'+'$dp.$D(\'start_time\')'+'}', dateFmt: 'yyyy-MM-dd HH:mm:ss' })" id="logmin" class="input-text Wdate" style="width:200px;">
            -
            <input type="text" id="end_time" onfocus="WdatePicker({minDate:'#F'+'{'+'$dp.$D(\'end_time\')'+'}', dateFmt: 'yyyy-MM-dd HH:mm:ss' })" id="logmax" class="input-text Wdate" style="width:200px;">
            <input type="text" name=""  placeholder=" 产品名称" style="width:250px" class="input-text">
            <button name=""  class="btn btn-success" type="submit"><i class="Hui-iconfont">&#xe665;</i> 搜产品</button>
        </div>

设置显示时分秒

{ dateFmt: 'yyyy-MM-dd HH:mm:ss'}

设置结束时间大于开始时间

{ minDate:'#F'+'{'+'$dp.$D(\'start_time\')'+'}' }

{ minDate:'#F'+'{'+'$dp.$D(\'end_time\')'+'}' }