日期规则选择器

最新推荐文章于 2021-08-23 17:38:26 发布
最新推荐文章于 2021-08-23 17:38:26 发布
阅读量91 收藏
点赞数
分类专栏： 网页效果
<html>
<script>

//每月或每日的点击事件处理方法
function selectedAll(obj,ckbObj)
{
var ckbObjS=document.getElementsByName(ckbObj);
if(obj.checked)
{
//alert("选择");
if(ckbObjS!=null && ckbObjS.length>0){
for(i=0;i<ckbObjS.length;i++){
ckbObjS[i].checked=false;
ckbObjS[i].disabled=true;
}
}
}else{
//alert("没有选择");
if(ckbObjS!=null && ckbObjS.length>0){
for(i=0;i<ckbObjS.length;i++){
ckbObjS[i].disabled=false;
}
}
}
}
//重置可选择快的内容
function resetCheckbox()
{
var ckbObjS0=document.getElementsByName("ckbYear");
for(i=0;i<ckbObjS0.length;i++){
ckbObjS0[i].checked=false;
}
document.getElementById("ckbMonthAll").checked=false;
var ckbObjS1=document.getElementsByName("ckbMonth");
for(i=0;i<ckbObjS1.length;i++){
ckbObjS1[i].disabled=false;
ckbObjS1[i].checked=false;
}
document.getElementById("ckbDayAll").checked=false;
var ckbObjS2=document.getElementsByName("ckbDay");
for(i=0;i<ckbObjS2.length;i++){
ckbObjS2[i].disabled=false;
ckbObjS2[i].checked=false;
}
}
//添加按钮的点击事件处理方法
function add()
{
//验证数据
var testSelectDateRuleFlag=testSelectDateRule();
if(testSelectDateRuleFlag==false)return;
//------------------年----------------------------
var flagY=true;
var yearValue="";

var ckbYearObjS=document.getElementsByName("ckbYear");
if(ckbYearObjS!=null && ckbYearObjS.length>0){

for(i=0;i<ckbYearObjS.length;i++){
if(ckbYearObjS[i].checked==true)
{
yearValue=ckbYearObjS[i].value;
if(flagY!=false)flagY=false;
//------------------月-----------start-----------------
var flagM=true;
var monthValue="";
if(document.getElementById("ckbMonthAll").checked){
monthValue=document.getElementById("ckbMonthAll").value;
flagM=false;
//------------------日--------------start--------------
var flagD=true;
var dayValue="";
if(document.getElementById("ckbDayAll").checked){
dayValue=document.getElementById("ckbDayAll").value;
flagD=false;
//设置添加值------start---------------
//--------------1-----------------------
var oldRuleValue= document.getElementById("ruleValue").value;
var newRuleValue=yearValue+"|"+monthValue+"|"+dayValue;
if(oldRuleValue==null || oldRuleValue==""){
document.getElementById("ruleValue").value=newRuleValue;
}else{
document.getElementById("ruleValue").value=oldRuleValue+";"+newRuleValue;
}
//--------------2------------------------
var sltName=setNewRuleValue(newRuleValue);
var opt=new Option(sltName,newRuleValue);
document.getElementById("sltDate").options.add(opt);
//设置添加值------end---------------
}else{
var ckbDayObjS=document.getElementsByName("ckbDay");
if(ckbDayObjS!=null && ckbDayObjS.length>0){
for(iii=0;iii<ckbDayObjS.length;iii++){
if(ckbDayObjS[iii].checked==true)
{
dayValue=ckbDayObjS[iii].value;
if(flagD!=false)flagD=false;
//设置添加值------start---------------
//--------------1-----------------------
var oldRuleValue= document.getElementById("ruleValue").value;
var newRuleValue=yearValue+"|"+monthValue+"|"+dayValue;
if(oldRuleValue==null || oldRuleValue==""){
document.getElementById("ruleValue").value=newRuleValue;
}else{
document.getElementById("ruleValue").value=oldRuleValue+";"+newRuleValue;
}
//--------------2------------------------
var sltName=setNewRuleValue(newRuleValue);
var opt=new Option(sltName,newRuleValue);
document.getElementById("sltDate").options.add(opt);
//设置添加值------end---------------
}
}
}
}

if(flagD==true){
alert("请选择日子。");
return;
}
//------------------日--------------end--------------
}else{
var ckbMonthObjS=document.getElementsByName("ckbMonth");
if(ckbMonthObjS!=null && ckbMonthObjS.length>0){
for(ii=0;ii<ckbMonthObjS.length;ii++){
if(ckbMonthObjS[ii].checked==true)
{
monthValue=ckbMonthObjS[ii].value;
if(flagM!=false)flagM=false;
//------------------日--------------start--------------
var flagD=true;
var dayValue="";
if(document.getElementById("ckbDayAll").checked){
dayValue=document.getElementById("ckbDayAll").value;
flagD=false;
//设置添加值------start---------------
//--------------1-----------------------
var oldRuleValue= document.getElementById("ruleValue").value;
var newRuleValue=yearValue+"|"+monthValue+"|"+dayValue;
if(oldRuleValue==null || oldRuleValue==""){
document.getElementById("ruleValue").value=newRuleValue;
}else{
document.getElementById("ruleValue").value=oldRuleValue+";"+newRuleValue;
}
//--------------2------------------------
var sltName=setNewRuleValue(newRuleValue);
var opt=new Option(sltName,newRuleValue);
document.getElementById("sltDate").options.add(opt);
//设置添加值------end---------------
}else{
var ckbDayObjS=document.getElementsByName("ckbDay");
if(ckbDayObjS!=null && ckbDayObjS.length>0){
for(iii=0;iii<ckbDayObjS.length;iii++){
if(ckbDayObjS[iii].checked==true)
{
dayValue=ckbDayObjS[iii].value;
if(flagD!=false)flagD=false;
//设置添加值------start---------------
//--------------1-----------------------
var oldRuleValue= document.getElementById("ruleValue").value;
var newRuleValue=yearValue+"|"+monthValue+"|"+dayValue;
if(oldRuleValue==null || oldRuleValue==""){
document.getElementById("ruleValue").value=newRuleValue;
}else{
document.getElementById("ruleValue").value=oldRuleValue+";"+newRuleValue;
}
//--------------2------------------------
var sltName=setNewRuleValue(newRuleValue);
var opt=new Option(sltName,newRuleValue);
document.getElementById("sltDate").options.add(opt);
//设置添加值------end---------------
}
}
}
}

if(flagD==true){
alert("请选择日子。");
return;
}
//------------------日--------------end--------------
}
}//end month else
}
}

if(flagM==true){
alert("请选择月份。");
return;
}
//------------------月-----------end-----------------
}
}
}

if(flagY==true){
alert("请选择年份。");
return;
}
resetCheckbox();
}

//把新增的日期规则添加到下拉框的显示内容
//如：2010|10|14 =》 2010年10月14日
function setNewRuleValue(newRuleValue)
{
var newRuleValueArray=newRuleValue.split("|");
var newRuleValueReturn=newRuleValueArray[0]+"年";

if(newRuleValueArray[1]=="*"){
newRuleValueReturn+="每月";
}else{
newRuleValueReturn+=newRuleValueArray[1]+"月";
}

if(newRuleValueArray[2]=="*"){
newRuleValueReturn+="每日";
}else{
newRuleValueReturn+=newRuleValueArray[2]+"日";
}
return newRuleValueReturn;
}

//删除某添加项
function deleteRuleDate()
{
var sltDateOpts=document.getElementById("sltDate");
if(sltDateOpts!=null && sltDateOpts.options!=null && sltDateOpts.options.length>0){
var flag=true;
var sltDateOptsV=sltDateOpts.options;
for(i=0;i<sltDateOptsV.length;i++){
if(sltDateOptsV[i].selected){
var sltDateValue=sltDateOptsV[i].value;
document.getElementById("sltDate").options.remove(i);
//去掉删除的内容，后面的;号，还有两个重叠的;号
var ruleValue= document.getElementById("ruleValue").value;
//ruleValue=ruleValue.replace(/(\sltDateValue)|(;*$)|(;;)/g, ""); //替换
ruleValue=ruleValue.replace(sltDateValue, ""); //替换删除内容
ruleValue=ruleValue.replace(";;", ";"); //替换;;
ruleValue=ruleValue.replace(/(^;)|(;$)/g, ""); //替换前后一个;为空
//alert("替换后的内容："+ruleValue);
document.getElementById("ruleValue").value=ruleValue;
flag=false;
}
}
if(flag)
{
alert("请选择需要删除的项。");
}
}else{
alert("没有可删除项。");
}

}

//判断选择的日期规则是否有效、是否重复
function testSelectDateRule()
{
//判断选择的日期规则是否有效-------------------1-----------------------------------
//如：1.选了2月，根据选择的年份，判断二月有多少天，选择的天数不能超出范围
// (判断是否是闰年 能被4整除且不能被100整除 或 能被400整除 的年分为闰年 2月有29天）
// 2.大月和小月的判断
//------------------年----------------------------
var flagY=true;
var yearValue="";

var ckbYearObjS=document.getElementsByName("ckbYear");
if(ckbYearObjS!=null && ckbYearObjS.length>0){

for(i=0;i<ckbYearObjS.length;i++){
if(ckbYearObjS[i].checked==true)
{
yearValue=ckbYearObjS[i].value;
//(判断是否是闰年 能被4整除且不能被100整除 或 能被400整除 的年分为闰年）
var isNotLeapYear=false;//是否是闰年的标识变量
if(((yearValue%4==0) && (yearValue%100!=0)) || (yearValue%400==0)){
//alert(yearValue+"年是闰年，二月有29天。");
isNotLeapYear=true;
}else{
//alert(yearValue+"年是平年，二月有28天。");
}
if(flagY!=false)flagY=false;
//------------------月-----------start-----------------
var flagM=true;
var monthValue="";
if(document.getElementById("ckbMonthAll").checked){
monthValue=document.getElementById("ckbMonthAll").value;
flagM=false;
//------------------日--------------start--------------
var flagD=true;
var dayValue="";
if(document.getElementById("ckbDayAll").checked){
dayValue=document.getElementById("ckbDayAll").value;
flagD=false;
//----每月-----start------
if(isNotLeapYear && dayValue>29){
alert("对不起，您选择的"+yearValue+"年每月不能大于29天。");
return false;
}else if(dayValue>28){
alert("对不起，您选择的"+yearValue+"年每月不能大于28天。");
return false;
}
//----每月-----end------


//验证数据是否已经添加-----start---------------
var oldRuleValue= document.getElementById("ruleValue").value;
//var newRuleValue=yearValue+"\\|\\"+monthValue+"\\|\\"+dayValue;
eval("var reg1=/"+yearValue+"\\|\\"+monthValue+"\\|\\"+dayValue+"/;");
eval("var reg2=/"+yearValue+"\\|([1-9]|[1][0-2])\\|([1-9]|[1-3][0-9])"+"/;");
// eval("var reg3=/"+yearValue+"\\|"+monthValue+"\\|\\*/;");
//eval("var reg4=/"+yearValue+"\\|\\*\\|\\"+dayValue+"/;");
if(reg1.test(oldRuleValue)){
alert("对不起，您选择的"+yearValue+"年每月每日已经添加。");
return false;
}else if(reg2.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年某月某日了，不能再添加"+yearValue+"年每月每日了。");
return false;
}
//else if(reg3.test(oldRuleValue)){
// alert("对不起，您已添加了"+yearValue+"年"+monthValue+"月每日了，不能重复添加"+yearValue+"年"+monthValue+"月。");
// return false;
//}else if(reg4.test(oldRuleValue)){
// alert("对不起，您已添加了"+yearValue+"年每月"+dayValue+"日了，不能重复添加"+yearValue+"年"+monthValue+"月"+dayValue+"日。");
// return false;
//}
//验证数据是否已经添加------end---------------
}else{
var ckbDayObjS=document.getElementsByName("ckbDay");
if(ckbDayObjS!=null && ckbDayObjS.length>0){
for(i=0;i<ckbDayObjS.length;i++){
if(ckbDayObjS[i].checked==true)
{
dayValue=ckbDayObjS[i].value;
if(flagD!=false)flagD=false;
//----每月-----start------
if(isNotLeapYear && dayValue>29){
alert("对不起，您选择的"+yearValue+"年每月不能大于29天。");
return false;
}else if(dayValue>28){
alert("对不起，您选择的"+yearValue+"年每月不能大于28天。");
return false;
}
//----每月-----end------


//验证数据是否已经添加-----start---------------
var oldRuleValue= document.getElementById("ruleValue").value;
//var newRuleValue=yearValue+"\\|\\"+monthValue+"\\|\\"+dayValue;
eval("var reg1=/"+yearValue+"\\|\\*\\|"+dayValue+"/;");
eval("var reg2=/"+yearValue+"\\|\\*\\|\\*"+"/;");
eval("var reg3=/"+yearValue+"\\|([1-9]|[1][0-2])\\|\\*/;");
eval("var reg4=/"+yearValue+"\\|([1-9]|[1][0-2])\\|"+dayValue+"/;");
if(reg1.test(oldRuleValue)){
alert("对不起，您选择的"+yearValue+"年每月"+dayValue+"日已经添加。");
return false;
}else if(reg2.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年每月每日了，不能重复添加"+yearValue+"年。");
return false;
}
else if(reg3.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年某月每日了，不能重复添加"+yearValue+"年每月"+dayValue+"日。");
return false;
}
else if(reg4.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年某月"+dayValue+"日了，不能重复添加"+yearValue+"年每月"+dayValue+"日。");
return false;
}
//验证数据是否已经添加------end---------------
}
}
}
}

if(flagD==true){
alert("请选择日子。");
return false;
}
//------------------日--------------end--------------
}else{
var ckbMonthObjS=document.getElementsByName("ckbMonth");
if(ckbMonthObjS!=null && ckbMonthObjS.length>0){
for(i=0;i<ckbMonthObjS.length;i++){
if(ckbMonthObjS[i].checked==true)
{
monthValue=ckbMonthObjS[i].value;
if(flagM!=false)flagM=false;
//------------------日--------------start--------------
var flagD=true;
var dayValue="";
if(document.getElementById("ckbDayAll").checked){
dayValue=document.getElementById("ckbDayAll").value;
flagD=false;
if(monthValue==2){//----2月-----start------
if(isNotLeapYear && dayValue>29){
alert("对不起，您选择的"+yearValue+"年"+monthValue+"月不能大于29天。");
return false;
}else if(dayValue>28){
alert("对不起，您选择的"+yearValue+"年"+monthValue+"月不能大于28天。");
return false;
}
}//----2月-----end------
//1.3.5.7.8.10.12 是大月，不需要判断
if(monthValue==4 || monthValue==6 || monthValue==9 || monthValue==11){//----4.6.9.11月-----start------
if(dayValue>30){
alert("对不起，您选择的"+yearValue+"年"+monthValue+"月不能大于30天。");
return false;
}
}//----4.6.9.11月-----end------

//验证数据是否已经添加-----start---------------
var oldRuleValue= document.getElementById("ruleValue").value;
//var newRuleValue=yearValue+"\\|\\"+monthValue+"\\|\\"+dayValue;
eval("var reg1=/"+yearValue+"\\|"+monthValue+"\\|\\*/;");
eval("var reg2=/"+yearValue+"\\|\\*\\|\\*/;");
eval("var reg3=/"+yearValue+"\\|"+monthValue+"\\|([1-9]|[1-3][0-9])/;");
eval("var reg4=/"+yearValue+"\\|\\*\\|([1-9]|[1-3][0-9])/;");
if(reg1.test(oldRuleValue)){
alert("对不起，您选择的"+yearValue+"年"+monthValue+"月每日已经添加。");
return false;
}else if(reg2.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年每月每日了，不能重复添加"+yearValue+"年。");
return false;
}else if(reg3.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年"+monthValue+"月某日了，不能重复添加"+yearValue+"年"+monthValue+"月每日。");
return false;
}
else if(reg4.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年每月某日了，不能添加"+yearValue+"年"+monthValue+"月每日。");
return false;
}
//验证数据是否已经添加------end---------------
}else{
var ckbDayObjS=document.getElementsByName("ckbDay");
if(ckbDayObjS!=null && ckbDayObjS.length>0){
for(i=0;i<ckbDayObjS.length;i++){
if(ckbDayObjS[i].checked==true)
{
dayValue=ckbDayObjS[i].value;
if(flagD!=false)flagD=false;
if(monthValue==2){//----2月-----start------
if(isNotLeapYear && dayValue>29){
alert("对不起，您选择的"+yearValue+"年"+monthValue+"月不能大于29天。");
return false;
}else if(dayValue>28){
alert("对不起，您选择的"+yearValue+"年"+monthValue+"月不能大于28天。");
return false;
}
}//----2月-----end------
//1.3.5.7.8.10.12 是大月，不需要判断
if(monthValue==4 || monthValue==6 || monthValue==9 || monthValue==11){//----4.6.9.11月-----start------
if(dayValue>30){
alert("对不起，您选择的"+yearValue+"年"+monthValue+"月不能大于30天。");
return false;
}
}//----4.6.9.11月-----end------

//验证数据是否已经添加-----start---------------
var oldRuleValue= document.getElementById("ruleValue").value;
//var newRuleValue=yearValue+"\\|\\"+monthValue+"\\|\\"+dayValue;
eval("var reg1=/"+yearValue+"\\|"+monthValue+"\\|"+dayValue+"/;");
eval("var reg2=/"+yearValue+"\\|\\*\\|\\*/;");
eval("var reg3=/"+yearValue+"\\|"+monthValue+"\\|\\*/;");
eval("var reg4=/"+yearValue+"\\|\\*\\|"+dayValue+"/;");
if(reg1.test(oldRuleValue)){
alert("对不起，您选择的"+yearValue+"年"+monthValue+"月"+dayValue+"日已经添加。");
return false;
}else if(reg2.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年每月每日了，不能重复添加"+yearValue+"年。");
return false;
}else if(reg3.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年"+monthValue+"月每日了，不能重复添加"+yearValue+"年"+monthValue+"月。");
return false;
}else if(reg4.test(oldRuleValue)){
alert("对不起，您已添加了"+yearValue+"年每月"+dayValue+"日了，不能重复添加"+yearValue+"年"+monthValue+"月"+dayValue+"日。");
return false;
}
//验证数据是否已经添加------end---------------
}
}
}
}

if(flagD==true){
alert("请选择日子。");
return false;
}
//------------------日--------------end--------------
}
}
}
}

if(flagM==true){
alert("请选择月份。");
return false;
}
//------------------月-----------end-----------------
}
}
}

if(flagY==true){
alert("请选择年份。");
return false;
}
}

//确定，返回选择的值
function returnRuleDateValue()
{
var ruleValue= document.getElementById("ruleValue").value;
if(ruleValue.length<=500){
alert("您选择的值是："+ruleValue);
window.returnValue=ruleValue;
}else{
alert("对不起，您选择的规则日期内容太多，请选择最多50个。");
}
}

//初始化已经选择的规则日期
function initRuleDate()
{
var txtName=document.getElementById('txtName').value;
if(txtName!=null && txtName!="")
{
//var a=window.dialogArguments; 获取值
var oldRuleDateValue=window.opener.document.getElementById(txtName).value;
if(oldRuleDateValue!=null && oldRuleDateValue!="")
{
//设置隐藏表单域
document.getElementById("ruleValue").value=oldRuleDateValue;
//设置多选下拉框
var ruleValueArray=oldRuleDateValue.split(";");
if(ruleValueArray!=null && ruleValueArray.length>0){
for(i=0;i<ruleValueArray.length;i++)
{
var dateValue=ruleValueArray[i];
if(dateValue.length>=7){
var newRuleValue=setNewRuleValue(dateValue)
var opt=new Option(sltName,newRuleValue);
document.getElementById("sltDate").options.add(opt);
}
}
}
}
}
}
</script>
<style>
option{
color:blue;
}
td{
font-size:12px;
}
</style>
<body οnlοad="">
<table width="680" border="1" cellspacing="0" cellpadding="0" height="300">
<tr>
<td valign="top" align="center" colspan="3">
日期规则选择
</td>
</tr>
<tr>
<td width="470" valign="top" align="center">

<table width="470" border="1" cellspacing="0" cellpadding="0" height="300">
<tr>
<td valign="top" align="center" colspan="2">
可选择
</td>
</tr>

<tr>
<td width="50" align="right">
年：
</td>
<td width="420">
<table width="420" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="86">
<input type="checkbox" name="ckbYear" value="2010"/>2010年
</td>
<td width="86">
<input type="checkbox" name="ckbYear" value="2011"/>2011年
</td>
<td width="86">
<input type="checkbox" name="ckbYear" value="2012"/>2012年
</td>
<td width="86">
<input type="checkbox" name="ckbYear" value="2013"/>2013年
</td>
<td width="86">
<input type="checkbox" name="ckbYear" value="2014"/>2014年
</td>
</tr>

</table>
</td>
</tr>

<tr>
<td width="50" align="right">
月：
</td>
<td width="420">
<table width="420" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="6">
<input type="checkbox" name="ckbMonthAll" value="*" οnclick="selectedAll(this,'ckbMonth')"/>每月
</td>
</tr>
<tr>
<td width="70">
<input type="checkbox" name="ckbMonth" value="1"/>1月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="2"/>2月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="3"/>3月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="4"/>4月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="5"/>5月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="6"/>6月
</td>
</tr>
<tr>
<td width="70">
<input type="checkbox" name="ckbMonth" value="7"/>7月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="8"/>8月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="9"/>9月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="10"/>10月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="11"/>11月
</td>
<td width="70">
<input type="checkbox" name="ckbMonth" value="12"/>12月
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="right">
日：
</td>
<td>
<table width="420" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="6">
<input type="checkbox" name="ckbDayAll" value="*" οnclick="selectedAll(this,'ckbDay')"/>每日
</td>
</tr>
<tr>
<td width="70">
<input type="checkbox" name="ckbDay" value="1"/>1日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="2"/>2日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="3"/>3日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="4"/>4日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="5"/>5日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="6"/>6日
</td>
</tr>
<tr>
<td width="70">
<input type="checkbox" name="ckbDay" value="7"/>7日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="8"/>8日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="9"/>9日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="10"/>10日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="11"/>11日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="12"/>12日
</td>
</tr>
<tr>
<td width="70">
<input type="checkbox" name="ckbDay" value="13"/>13日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="14"/>14日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="15"/>15日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="16"/>16日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="17"/>17日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="18"/>18日
</td>
</tr>
<tr>
<td width="70">
<input type="checkbox" name="ckbDay" value="19"/>19日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="20"/>20日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="21"/>21日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="22"/>22日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="23"/>23日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="24"/>24日
</td>
</tr>
<tr>
<td width="70">
<input type="checkbox" name="ckbDay" value="25"/>25日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="26"/>26日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="27"/>27日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="28"/>28日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="29"/>29日
</td>
<td width="70">
<input type="checkbox" name="ckbDay" value="30"/>30日
</td>
</tr>
<tr>
<td colspan="6">
<input type="checkbox" name="ckbDay" value="31"/>31日
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" align="center" colspan="2">
<input type="button" name="SubmitSave" value="添加" class="button23" οnclick="add()">
<input type="reset" name="SubmitSave" value="重置" class="button23" οnclick="resetCheckbox()">
</td>
</tr>
</table>

</td>
<td width="80" valign="top" align="center">
   
</td>
<td width="130" valign="top" align="center">
<table width="130" border="1" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td valign="top" align="center">
已选择
</td>
</tr>
<tr>
<td valign="top" align="center">
<select id="sltDate" name="sltDate" style="width:130;" multiple size="16">
</select>
</td>
</tr>
<tr>
<td valign="top" align="center">
<input type="button" name="SubmitSave" value="删除" class="button23" οnclick="deleteRuleDate()">
<input type="button" name="SubmitSave" value="清空" class="button23" οnclick="document.getElementById('ruleValue').value='';document.getElementById('sltDate').options.length=0;">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" align="center" colspan="3">
<input type="hidden" id="txtName" name="txtName" style="width:600;color:red;" value="<c:out value='${param.txtName}'"/>
<input type="hidden" id="ruleValue" name="ruleValue" style="width:600;color:red;" value=""/>
<input type="button" value="确定" οnclick="returnRuleDateValue()"/>
</td>
</tr>

</table>
</body>
<script>
initRuleDate()
</script>
</html>
zhuliang0108
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
日期选择器
金闪闪的专栏
06-02 395
#pragma mark 时间选择 #pragma mark -PickerView - (void)hidePickerViewForButton {     NSDate *date= [self.datePicker date];     NSDateFormatter *formatter = [[NSDateFormatter alloc] init] ;
中英文日期选择器
06-06
在IT领域，尤其是在网页开发和用户界面设计中，时间日期选择器是一个不可或缺的元素，它为用户提供了一种方便的方式来输入或选择日期和时间。对于一个支持多语言的网站，特别是中英文版本，拥有一个适配两种语言的...
【vue 移动端】 日期选择器的选中值处理
aalaad的博客
08-01 1590
涉及范围 知识点 nvue、uniapp、uniapp日期选择插件、生命周期、uniapp弹窗插件等 开发工具 Hbuilder 功能简述 页面有两个日期选择器，点击日期选择器，选择器会通过弹窗插件的特效弹出。用户根据需求选择起始日期和终止日期，点选时弹出的控件会关掉并获取选中值。为了用户体验，起始日期不能大于终止日期。 样图展示 思路 弹窗插件包裹日期选择插件，在日期选择插件上添加点击事件，点击事件绑定弹窗插件的open事件打开弹窗。 用户点选日期触发日期选择器的change事件，change
ElementUI的DateTimePicker组件添加验证规则以及限制选择范围
热门推荐
BADAO_LIUMANG_QIZHI的博客
11-21 1万+
场景 DateTimePicker是ElementUI的日期和时间共存的选择器。 有时需要限制选择器的选择范围。 效果 实现 实现需要使用组件的picker-option属性，具体参照官方文档： http://element-cn.eleme.io/#/zh-CN/component/datetime-picker#datetimepicker-ri-qi-shi-jian-xua...
【ElementUI】日期选择器时间选择范围限制
学习记录
12-04 4960
ElementUI是饿了么推出的一套基于vue2.x的一个ui框架。官方文档也很详细，这里做一个element-ui日期插件的补充。 　　官方文档中使用picker-options属性来限制可选择的日期，这里举例子稍做补充。 　　单个输入框的 　　组件代码： &lt;el-date-picker v-model="value1" type="date" ...
Element-UI 表单验证规则rules 配置参数说明以及判断日期开始时间不能早于结束时间
小猫爪子
03-05 8193
目录 表单验证规则rules 配置参数说明 自定义校验规则 表单验证规则rules 配置参数说明 Form 组件提供了表单验证的功能，只需要通过rules属性传入约定的验证规则，并将 Form-Item 的prop属性设置为需校验的字段名即可。 rules使用 rules: { name: [ /*required 是否必填 trigeer 触发检查的方式 blur 失去焦点时检查 change 值发生改变时触发*/ ...
WPF日期时间选择DateTimePicker
04-12
这个控件结合了DatePicker（日期选择器）和TimePicker（时间选择器）的功能，为用户提供了一站式的日期时间输入体验。在本篇文章中，我们将深入探讨WPF DateTimePicker的使用、功能特性以及如何自定义和优化它。 1....
微信小程序uniapp选择器(日期,地区,预约).zip
06-22
在微信小程序开发中，选择器（Selector）是一种常见的交互组件，用于用户在多个选项中进行选择，例如日期选择器、地区选择器等。本源码示例“微信小程序uniapp选择器(日期,地区,预约).zip”着重展示了如何实现这些...
时间选择器
02-02
时间选择器是用户界面设计中的一个重要元素，它允许用户方便地选取特定的时间值，如小时、分钟和秒。在Web开发中，时间选择器通常通过JavaScript库或CSS框架实现，以提供交互式的用户体验。以下是对时间选择器相关...
elementui日期选择器判断规则 只能选择想选择的年份
LJJONESEED的博客
08-23 2075
// 日期选择器判断 只能选择想选择的年份 pickerOptionsone: { disabledDate: (time) => { let arr = this.DlYear; // let arr = [2010, 2012, 2015, 2016, 2018]; var lj = true; arr.forEach((i) => { lj = .
boost：gregorian::date ，提供日历功能
OceanStar的博客
10-15 792
使用 引用库 date_time库需要编译才能使用： 在jamfile里指定lib的语句是：lib boost_date_time。 在cmakelist中： 头文件 处理日期 #include <boost/date_time/gregorian/gregorian.hpp> using namespace boost::gregorian; 处理时间 基本概念 namespace boost { namespace date_time { enum
element日期选择器设置时间范围，精确到秒
weixin_44990342的博客
11-14 4293
<el-form-item label="VPN到期时间" :label-width="formLabelWidth" prop="endTime" > <el-date-picker v-model="vpn.endTime" type="datetime" value-format
插入的表单控制下拉框怎么设置_终极表单设计指南
weixin_39636857的博客
12-05 755
关于表单设计，本文笔者将讲到：“如何优化移动端表单设计？”、“如何使用正确的输入类型？”、“要为用户预设好简单易操作的选项，而不是期待着用户变聪明”、“优秀表单的合理布局是怎样的？”、“表单设计的巧妙之处”等内容。想象一下，如果你走进一家商店，往购物篮里塞满了东西却找不到收银台的感觉。最后，你可能放下所有东西一分钱没花极其失望地离开了。的确，这种在支付过程中遇到的槽糕事情，也会发生在表单设计中。糟...
Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印 方便用于小论文写作，方便用于毕业设计
07-20
Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可导出高清图片，可修改，无水印。 方便用于小论文写作，方便用于毕业设计。 Visio版本为2021版，可用更高版本打开。 Visio绘制的Tanh激活函数图像,可
K-means聚类算法MATLAB代码.doc
最新发布
07-20
kmeans聚类算法matlab代码
计算机科学与技术_基于Android的新闻管理系统的设计与实现.docx
07-20
计算机科学与技术_基于Android的新闻管理系统的设计与实现
半自动光纤接头组装机_包括零件图_机械3D图可修改打包下载.zip
07-20
半自动光纤接头组装机_包括零件图_机械3D图可修改打包下载.zip
element日期选择器限制周末不可选
07-09
1. 首先，你需要在日期选择器中设置一个自定义的禁用函数，该函数将根据特定规则来禁用日期。在该函数中，你可以判断日期是否为周末，如果是则返回true，否则返回false。 2. 在日期选择器的配置项中，将该禁用函数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值