`
360697589
  • 浏览: 20826 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
社区版块
存档分类
最新评论

相同页面时间联动赋值

 
阅读更多
<%@ page language="java" pageEncoding="UTF-8"%>
<script type="text/javascript">
function reserveChange2(obj) {
if ($(obj).attr("checked")) {
//$(obj).parent().find("#C_BESP_DATE").val($().getSysdate());
                                if('${prod.C_BESP_DATE}'!=null&&'${prod.C_BESP_DATE}'!=''){
$(obj).parent().find("#C_BESP_DATE").val('${prod.C_BESP_DATE}');
$(obj).parent().find("#N_BESP_DATE").val('${prod.C_BESP_DATE}');
}
$(obj).parent().find("#span_C_BESP_DATE").show();
$(obj).parent().find("#N_BESP_DATE").attr('onvalid', "validRule(this,206151,'预约时间不能小于当前时间!','N_BESP_DATE',2)");
} else {
$(obj).parent().find("#span_C_BESP_DATE").hide();
//$(obj).parent().find("#C_BESP_DATE").val("");
$(obj).parent().find("#N_BESP_DATE").removeAttr('onvalid');
$(obj).parent().find("#N_BESP_DATE").attr('rtn',true);
}
}

function setBespDate(obj){
if($("#C_BESP_SYMBOL").attr("checked")){
$("#C_BESP_DATE").val($("#N_BESP_DATE").val()+" "+$("#N_BESP_DATE_TIME").val());
}
else{
$("#C_BESP_DATE").val("");
}
commHint(obj,'通过', 4);
}

function setOtherBespDate(obj){
var divId = $(obj).parents("div[id^=div_prod]").attr("id");
var newVal = $(obj).val();
$("div[id^=div_prod]").each(function(){
if($(this).attr("id") != divId){
var dt = $(this).find("#N_BESP_DATE");
var dt2 = $(this).find("#C_BESP_DATE");
if(dt.val() != newVal){
dt.val(newVal);
dt2.val(newVal);
}
}
});

}
</script>
<table width="100%">
<tr>
<th width="15%">
是否预约:
</th>
<td width="35%">
<input type="checkbox" id="C_BESP_SYMBOL" name="C_BESP_SYMBOL" value="1" onclick="reserveChange2(this);" />
<span id="span_C_BESP_DATE" style='display: none;'>
预约时间: <input id="test" type="text">
<input type="hidden" id="C_BESP_DATE" name="C_BESP_DATE" onvalid="setBespDate(this);"/>
<input type="text" id="N_BESP_DATE" name="N_BESP_DATE" class="inp-date"
value="${prod.C_BESP_DATE}" oninit="initTime(this,0,0,'day+1');" onvalid="validRule(this,206056,'预约时间不能小于当前时间!','N_BESP_DATE:t600710',1);"
onpropertychange="setOtherBespDate(this);"/>
<select id="N_BESP_DATE_TIME" name="N_BESP_DATE_TIME" class="select126">
<option value="17:00:00" >17:00</option>
</select>
</span>
</td>
</tr>
</table>
分享到:
评论

相关推荐

    参照、修改citypicker做四级联动,数据异步获取,动态赋值

    在IT行业中,四级联动是一种常见的交互设计,常用于选择地址、时间或者其他分级数据的场景。这个项目标题"参照、修改citypicker做四级联动,数据异步获取,动态赋值"表明了一个开发任务,即基于现有的citypicker组件...

    flutter页面滚动联动实现

    在Flutter开发中,页面滚动联动是一项重要的功能,尤其在复杂布局和交互设计中。`NestedScrollView`和`CustomScrollView`是Flutter提供给开发者用于实现这一功能的关键组件。本篇文章将详细解析如何使用这两个组件来...

    jQuery支持多选三级联动菜单选中赋值代码

    本示例中提到的"jQuery支持多选三级联动菜单选中赋值代码"是一个功能丰富的交互式组件,主要用于实现用户在网页上选择和管理多级分类数据。这个功能在很多场景下都非常实用,比如电商网站的商品分类筛选、企业内部...

    年月日时分 --五级时间联动

    在IT行业中,时间联动是一种常见的前端交互设计,特别是在数据筛选、日程安排或者时间轴展示等场景中。本文将深入探讨“年月日时分”五级时间联动的实现,这是一种能够帮助用户精确选择时间的交互方式。我们将通过...

    jQuery三级联动菜单选中赋值代码.zip

    在本案例中,"jQuery三级联动菜单选中赋值代码"是一个实现特定功能的代码示例,它涉及到网页交互设计中的一个常见需求:三级联动菜单的选择与赋值。 一、jQuery三级联动菜单的概念: 三级联动菜单通常指的是在一个...

    安卓天气日历时间选择倒计时相关-Android地点联动选择时间联动选择.rar

    本压缩包文件"Android 地点联动选择时间联动选择.rar"包含了实现此类功能的相关代码示例,虽然由于文件数量多,可能无法逐一验证其可用性,但它们提供了宝贵的参考学习材料。 首先,我们来探讨地点联动选择。在...

    CascadingDropDown三级联动,初始化赋值

    本篇将详细讲解"CascadingDropDown三级联动"以及如何进行初始化赋值。 一、CascadingDropDown概述 CascadingDropDown控件是一个强大的客户端脚本组件,它允许一个下拉列表的选择影响另一个下拉列表的选项。这种联动...

    明细表下拉框自动赋值

    如果循环没有自然结束,而是达到了某个时间阈值(例如100毫秒),则会触发超时机制,通过`setTimeout`函数重新启动循环,确保不会无限循环下去。 ### 4. 应用场景 在OA系统中,这种自动赋值的功能可以广泛应用于...

    Android 地点联动选择时间联动选择

    在Android开发中,"地点联动选择"和"时间联动选择"是常见的用户界面(UI)设计元素,尤其在需要用户输入地理位置和特定时间时。这种功能常见于日程安排、导航应用或者服务预订等场景。在给定的"Android 地点联动选择...

    基于LayUI省市区三级联动

    如果有默认值,可以在页面加载时调用`form.val()`设置。 6. **优化体验** 为了提高用户体验,可以添加加载动画(如LayUI的`layui-layer-loading`),并在数据加载完成后隐藏。另外,考虑错误处理,如果数据加载...

    web页面三级联动菜单

    这种设计模式极大地节省了页面空间,同时也提升了用户体验。 在实现三级联动菜单的过程中,我们需要掌握以下几个关键知识点: 1. HTML 结构:首先,我们需要创建一个HTML结构来定义菜单的层次关系。通常,我们会...

    NC参照联动代码例子

    在这个“NC参照联动代码例子”中,我们看到了一个关于如何实现参照联动功能的Java代码片段。参照联动在IT行业中通常是指在多个数据表或者界面元素之间建立关联,当用户在一个字段中选择某个值时,其他相关字段会自动...

    Select-下拉列表多级联动

    在网页设计和开发中,"下拉列表多级联动"是一种常见的交互功能,它使得用户在选择一个选项时,相关的下拉列表会自动更新以显示与前一个选择相关的选项。这种技术增强了用户体验,减少了用户在多个菜单之间切换的麻烦...

    layui下拉框二级数据联动 fzzx.zip

    在IT行业中,前端开发经常会遇到各种用户界面交互的需求,其中之一就是下拉框的联动效果。layui是一个轻量级的前端框架,它提供了丰富的组件和便捷的API,使得开发者能够快速构建美观、响应式的Web应用。在这个场景...

    联动精灵V1.2_通达信_股票联动工具_股票联动_

    前者可能是指向一个股票公式或者软件下载的页面,用户可以通过这个链接获取更多的股票分析工具或自定义指标。后者则可能引导用户阅读软件的使用教程或常见问题解答,帮助用户更好地理解和使用联动精灵。 总的来说,...

    jQuery支持多选三级联动菜单选中赋值代码.zip

    《jQuery实现多选三级联动菜单选中赋值详解》 在网页开发中,交互性和用户体验是至关重要的元素,其中,菜单系统是用户导航网站的重要工具。一个精心设计的多选三级联动菜单不仅可以提升用户操作的便捷性,还能有效...

    最简单的下拉框联动不刷新页面示例

    在网页开发中,下拉框联动是一种常见的交互设计,它允许用户在选择一个下拉框选项后,另一个相关的下拉框会自动更新其内容,而无需整个页面进行刷新。这种功能提高了用户体验,减少了不必要的数据传输,加快了页面...

    Android联动选择时间和地址

    "Android联动选择时间和地址"是一个常见的需求,特别是在日程安排、预订服务或导航应用中。这个开源项目基于`wheelview`库,提供了一个自定义的时间地址选择对话框,通过优化显示效果,提升了用户体验。 首先,我们...

    asp如何实现动态下拉菜单赋值给文本框

    本文将详细探讨ASP中如何实现动态下拉菜单赋值给文本框的两种方法,这在构建用户友好的界面时非常有用。 ### 方法一:使用JavaScript 首先介绍的是通过JavaScript来实现动态下拉菜单赋值给文本框的方式。这种方法...

Global site tag (gtag.js) - Google Analytics