jQuery MiniUI

标题: 两个时间控件限制 [打印本页]
作者: sdtczwj@163.com    时间: 2017-12-8 13:39:57     标题: 两个时间控件限制

两个时间控件A B，如何控制B选择的时间必须在A之后？   麻烦给个例子看下。
作者: felt    时间: 2017-12-8 15:11:33

  1. <input id="d1" class="mini-datepicker" />
  2. <input id="d2" class="mini-datepicker" enabled="false"/>
  3. var d1 = mini.get("d1");
  4.     var d2 = mini.get("d2");
  5.     d1.on("valuechanged", function (e) {
  6.         if (e.value) {
  7.             d2.setEnabled(true);
  8.             d2.setMinDate(e.value);
  9.         }
  10.     })
复制代码
作者: felt    时间: 2017-12-8 15:11:33

  1. <input id="d1" class="mini-datepicker" />
  2. <input id="d2" class="mini-datepicker" enabled="false"/>
  3. var d1 = mini.get("d1");
  4.     var d2 = mini.get("d2");
  5.     d1.on("valuechanged", function (e) {
  6.         if (e.value) {
  7.             d2.setEnabled(true);
  8.             d2.setMinDate(e.value);
  9.         }
  10.     })
复制代码
作者: felt    时间: 2017-12-8 15:11:33

  1. <input id="d1" class="mini-datepicker" />
  2. <input id="d2" class="mini-datepicker" enabled="false"/>
  3. var d1 = mini.get("d1");
  4.     var d2 = mini.get("d2");
  5.     d1.on("valuechanged", function (e) {
  6.         if (e.value) {
  7.             d2.setEnabled(true);
  8.             d2.setMinDate(e.value);
  9.         }
  10.     })
复制代码
作者: felt    时间: 2017-12-8 15:11:34

  1. <input id="d1" class="mini-datepicker" />
  2. <input id="d2" class="mini-datepicker" enabled="false"/>
  3. var d1 = mini.get("d1");
  4.     var d2 = mini.get("d2");
  5.     d1.on("valuechanged", function (e) {
  6.         if (e.value) {
  7.             d2.setEnabled(true);
  8.             d2.setMinDate(e.value);
  9.         }
  10.     })
复制代码
作者: felt    时间: 2017-12-8 15:11:34

  1. <input id="d1" class="mini-datepicker" />
  2. <input id="d2" class="mini-datepicker" enabled="false"/>
  3. var d1 = mini.get("d1");
  4.     var d2 = mini.get("d2");
  5.     d1.on("valuechanged", function (e) {
  6.         if (e.value) {
  7.             d2.setEnabled(true);
  8.             d2.setMinDate(e.value);
  9.         }
  10.     })
复制代码
作者: felt    时间: 2017-12-8 15:11:34

  1. <input id="d1" class="mini-datepicker" />
  2. <input id="d2" class="mini-datepicker" enabled="false"/>
  3. var d1 = mini.get("d1");
  4.     var d2 = mini.get("d2");
  5.     d1.on("valuechanged", function (e) {
  6.         if (e.value) {
  7.             d2.setEnabled(true);
  8.             d2.setMinDate(e.value);
  9.         }
  10.     })
复制代码




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2