【已解决】My97DatePicker日期插件设置默认日期

为My97DatePicker日期插件设置默认日期

为My97DatePicker日期插件设置默认日期，开始日期为系统日期的前一个月，结束日期为系统日期；

开始日期不能大于结束日期，且都不能大于今天：

开始日期-maxDate:’#F{dp.D(‘endDate’)||‘new Date()’}’

结束日期-minDate:’#F{dp.D(‘startDate’)}’,maxDate:new Date()

HTML代码块：
复制代码

<label>开始时间：<input  value="BeginTime" onClick="WdatePicker({lang:'zh-cn',maxDate:'#F{$dp.$D(\'EndTime\')||\'%y-%M-%d\'}',dateFmt:'yyyy-MM-dd HH:mm:ss'})"  class="Wdate" id="BeginTime">
</label>
<label>结束时间<input  value="EndTime" onClick="WdatePicker({lang:'zh-cn',minDate:'#F{$dp.$D(\'BeginTime\')}',maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm:ss'})" class="Wdate" id="EndTime" >
</label>

Javascript代码：

function initDate(){//设置结束日期为当前日期var date = new Date();var seperator1 = "-";var seperator2 = ":";var month = date.getMonth() + 1;var strDate = date.getDate();if(month >= 1 && month <= 9) {month = "0" + month;}if(strDate >= 0 && strDate <= 9) {strDate = "0" + strDate;}var end = date.getFullYear() + seperator1 + month + seperator1 + strDate +" " + date.getHours() + seperator2 + date.getMinutes() +seperator2 + date.getSeconds();$("#EndTime").val(end);//设置开始日期为当前日期的前一个月date.setMonth(date.getMonth()-1);var begin = date.getFullYear() + "-" + (date.getMonth()+1) + "-" + date.getDate()+" " + date.getHours() + seperator2 + date.getMinutes() +seperator2 + date.getSeconds();$("#BeginTime").val(begin);
}
initDate();

这样页面打开就会显示默认时间，如下图：

问题解决
End

【已解决】My97DatePicker日期插件设置默认日期相关推荐

为My97DatePicker日期插件设置默认日期
为My97DatePicker日期插件设置默认日期,开始日期为系统日期的前一个月,结束日期为系统日期: 开始日期不能大于结束日期,且都不能大于今天: 开始日期-maxDate:'#F{$dp.$D(\ ...
el日期选择器设置默认时间
我们再用el进行开发时使用日期选择器的时候会遇到设置默认事件的需求,我的解决方式在一个js文件里设置好时间格式例如: 格式为yyyy-mm-dd const base = {/*** 返回日期格式 ...
已解决：fastclick插件在IOS系统上点击input需要双击或长按才有效
已解决:fastclick插件在Vue移动端IOS系统上点击input需要双击或长按才有效做Vue项目的登录注册页面测试时发现的问题,Chrome浏览器上使用三星手机Glaxy S5测试input是 ...
jQuery ligerUI中通过ligerDateEditor设置默认日期
ligerEditor API简介 $("#txt1").ligerDateEditor({ showTime: true, label: '带时间', labelWidth: 1 ...
element日期插件datePick限制日期限制简单案例
1.需求描述本案例采用的是两个日期框,具体需求如下,由于考虑到数据性能的问题,实际要求只能够查询三个月的数据,并且只能去搜索当前日期和之后一年内的数据(本案例只是单存的显示两个日期框的样式,不包含其 ...
解决微信小程序 picker 模式日期，设置默认当前时间
wxml文件 <picker mode="date" value="{{currentDate}}" start="2021-01-01&quo ...
el-date-picker设置默认日期_程序员必备：Java 日期处理的十个坑
前言整理了Java日期处理的十个坑,希望对大家有帮助. 一.用Calendar设置时间的坑反例: Calendar c = Calendar.getInstance(); c.set(Calend ...
el-date-picker设置默认日期_ERP入门教程：快速掌握金蝶ERP的基础-物料批次管理的应用及设置...
ERP入门教程:快速掌握金蝶ERP的基础-物料的批次管理的应用及设置关注我,我将定期分享更多的ERP解决方案转发关注并私信我,了解更多的解决方案及操作方法哦一.应用软件版本:金蝶KIS旗舰版6. ...
element 日期选择器设置默认事件且限制结束大于开始日期
<template><el-form-item label="启用起止时间" prop="startDate"><el-col : ...

【已解决】My97DatePicker日期插件设置默认日期

为My97DatePicker日期插件设置默认日期

【已解决】My97DatePicker日期插件设置默认日期相关推荐

最新文章

热门文章