MyDate97日历控件初始化及时间约束的相关方法

引入Mydate97的插件,然后再input框加入如下代码:

οnfοcus="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')||\'2020-10-01\'}',dateFmt:'yyyy-MM-dd HH:mm:ss'})"
οnfοcus="WdatePicker({minDate:'#F{$dp.$D(\'startDate\')}',maxDate:'2020-10-01',dateFmt:'yyyy-MM-dd HH:mm:ss'})"

两个input中一个为开始时间,一个为结束时间。

第一个日历控件的最大日期: #F{$dp.$D(\'endDate\')||'%y-%M-%d'} --其中endDate为第二个日历控件的id
默认日期为当前日期 ${.now?string('yyyy-MM-dd')}
第二个日历控件的最小日期 #F{$dp.$D(\'startDate\')} --其中endDate为第一个日历控件的id

控制前后日期默认值差距一个月的Js:30天*24小时*3600秒*1000毫秒转换
$(function(){
 var endDate = $("#endDate").val();
        var date = new Date(endDate.replace(/\-/g, "/"));
        date.setTime(date.getTime() - 30 * 24 * 3600 * 1000);
        var s = date.getFullYear() + "-";
        s += (date.getMonth() < 9 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1 + "") + "-";
        s += (date.getDate() < 10 ? "0" + (date.getDate()) : date.getDate() + "");
        $("#startDate").val(s);
});





你可能感兴趣的:(Web前端)