WdatePicker 日期联动选择（起始时间两者关系）

矫情吗；* 2022-01-16 12:47 465阅读 0赞

**场景：**效果如下，选择区间

![20190615203718313.png][]

话不多说上关键代码：

要的就是效率…………biubiu

<tr>
    	<th>时间周期<span style="color:red;"> ※ </span></th>
    	<td colspan="3">
    	<input class="easyui-validatebox" id="planStart" name="planStart" 
    placeholder="点击选择时间"  data-options="required:true"
    onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd'})" 
    readonly="readonly" style="width: 75px;" />
    		至
    	<input class="easyui-validatebox" id="planEnd" name="planEnd" 
    placeholder="点击选择时间"  data-options="required:true"
    onclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd'})" 
    readonly="readonly" style="width: 75px;" />
    	</td>
    </tr>
    
    
    <script type="text/javascript">
        $(function() {
    	
            $("#planStart").bind("click focus", function () {
                var endtimeTf = $dp.$('planEnd');
                WdatePicker({
                    maxDate: '#F{$dp.$D(\'planEnd\')}',
                    dateFmt: "yyyy-MM-dd",
                    onpicked: function () { endtimeTf.focus(); }
                });
            });
            $("#planEnd").bind("click focus", function () {
                WdatePicker({
                    minDate: '#F{$dp.$D(\'planStart\')}',
                    dateFmt: "yyyy-MM-dd"
                });
            });
    
        });
    
    </script>

[感谢大佬 ][Link 1]

[20190615203718313.png]: /images/20220114/bcff7a7d5dce4185acfc3516beaecae2.png
[Link 1]: https://www.cnblogs.com/hnsongbiao/p/4068424.html

发表评论取消回复

表情：

评论列表（有 0 条评论，465人围观）

还没有评论，来说两句吧...

相关阅读

相关选择起始日期

![在这里插入图片描述][9d88784a78264eedbddc4f910befe6bf.png] <template> <!-- This is

分手后的思念是犯贱/ 2024年02月05日 20:14/ 0 赞/ 82 阅读

相关 WdatePicker时间日期插件总结

本文只做记录 [Wdatepicker日期控件官网][Wdatepicker]. 参考 [WdatePicker时间日期插件总结][WdatePicker]. [W

古城微笑少年丶/ 2023年05月22日 04:48/ 0 赞/ 20 阅读

相关 Element-UI 两个日期选择器联动选择日期

Element-UI 两个日期选择器联动选择日期 <template> <div> <div class="timesel">

ゞ浴缸里的玫瑰/ 2022年09月16日 14:17/ 0 赞/ 562 阅读

相关 WdatePicker日期控件的时间限制

问题描述：用户在使用日期空间进行时间选择时，只能选择一个星期之后的7天，并且只能选择这7天当中的星期二与星期四代码：<input class="Wdate"

刺骨的言语ヽ痛彻心扉/ 2022年08月02日 09:47/ 0 赞/ 269 阅读

相关 iOS-自定义起始时间选择器视图

概述自定义起始时间选择器视图, 调起时间选择器, 传值(起始时间/截止时间), 两者时间均要合理, 不能超过未来时间, 并且起始时间不能大于截止时间. 点击取消或空白处

本是古典何须时尚/ 2022年05月31日 09:53/ 0 赞/ 238 阅读

相关 iOS-自定义起始时间选择器视图

概述自定义起始时间选择器视图, 调起时间选择器, 传值(起始时间/截止时间), 两者时间均要合理, 不能超过未来时间, 并且起始时间不能大于截止时间. 点击取消或空白处

冷不防/ 2022年05月31日 09:52/ 0 赞/ 218 阅读

相关日期时间选择框

日期时间选择框: 1) jsp 部分: <div class="form-group"> <label for="dtp_input1"

川长思鸟来/ 2022年05月13日 13:00/ 0 赞/ 297 阅读

相关 WdatePicker-限制日期选择

场景： 1. 开始时间,和结束时间最大选择今天。 2. 开始时间和结束时间的最大时间间隔为30天。 jsp代码：  <form>

深碍√TFBOYSˉ_/ 2022年03月12日 15:20/ 0 赞/ 526 阅读

相关 wdatepicker时间限制

<script type="text/javascript" src="./JQuery/jquery-3.3.1.min.js"></script> <scr

╰+攻爆jí腚メ/ 2022年02月15日 15:15/ 0 赞/ 336 阅读

相关 WdatePicker 日期联动选择（起始时间两者关系）

场景：效果如下，选择区间 ![20190615203718313.png][] 话不多说上关键代码：要的就是效率…………biubiu <tr>

矫情吗；*/ 2022年01月16日 12:47/ 0 赞/ 466 阅读