My97DatePicker时间日期控件设置，开始时间--结束时间

Posted 2023-04-20

用My97DatePicker控件 有一个开始时间和结束时间 ，选择结束时间不能小于开始时间，

例如：开始时间：2013-3-22 结束时间不能选择比开始时间小，只能选择2013-3-22如以后包括2013-3-22
请大神解答，请给出My97DatePicker 验证时间代码 并且验证有alert弹出框提示用户。

请大神赐教！在线等。

参考技术A 晕，你这问题在My97DatePicker 说明文档上已有说明，比如要选一个大于2013-3-22号的日期
<input id="d411" class="Wdate" type="text" onfocus="WdatePicker(skin:'whyGreen',minDate:'2013-03-22',maxDate:'2020-12-20')"/>
我这个加上了不能超过'2020-12-20'的限制.
My97DatePicker 主页说明文档地址: http://www.my97.net/dp/demo/index.htm
看下[功能及示例]
至于弹出alert 就不用了吧，用户使用时还弹了个对话框很烦人的
不过用jquery 是可以很容易达到这个效果的代码如下:
$(function ()
$("#d411").change(function ()
var aa = $(this).val().split("-");
var DateVal = new Date(aa[0], aa[1], aa[2]);
if (DateVal < new Date(2013, 3, 22))
alert("时间小于2013-3-22");

);
);本回答被提问者采纳

iView里的日期控件（DatePicker）范围初始化

iView里有个日期控件：DatePicker，功能很强，还支持时间范围，太贴心了。照以往，一般是要设置2个时间选取控件的。

但问题是，如何用初始值去初始化它呢？
答案是赋给它一个时间数组，数组2个元素，一个开始时间，一个结束时间，都是Date类型。

<FormItem label="预警日期" prop="dtRange">
  <DatePicker
    type="datetimerange"
    format="yyyy年MM月dd日HH时mm分"
    v-model="form1.dtRange"
    placeholder="请选择预警日期范围"
  ></DatePicker>
</FormItem>

<script>
function getAlertDateRange (dt) {
  let st = new Date(dt.valueOf())
  st.setMinutes(0)//分钟清零

  let ft = new Date(st.valueOf())
  ft = new Date(ft.setDate(ft.getDate() + 1))//时间范围相隔1天
  return [st, ft] //返回一个日期数组
}

export default {
  data () {
    return {
      form1: {
        dtRange: getAlertDateRange(new Date()),
      }
    }
  }
}
</script>