miniui搜索单选按钮组-时间选择框验证-下拉框实现

页面代码:

<div role="row">
  <div role="control" label="姓名">
    <input id="search_name" class="mini-textbox" emptyText="请输入姓名" bind="dataBean.name" />
  </div>
  <div role="control" label="性别">
    <input class="mini-radiobuttonlist" bind="dataBean.sex" id="search_sex" data="[{text:‘男‘,id:‘男‘},{text:‘女‘,id:‘女‘}]" textField="text" valueField="id" required="true" />
  </div>
</div>

<div role="row">
  <div role="control" label="入党时间">
    <input name="riqione" id="riqione" bind="riqione" class="mini-datepicker" ondrawdate="onRegistdateFromDr" style="width: 44%;" format="yyyy-MM-dd" data-options="{‘format‘: ‘yyyy-MM-dd‘}" showTime="false" showClearButton="true" /> <span style="width:     12%; text-align: center">至</span> <input name="riqitwo" id="riqitwo" class="mini-datepicker" ondrawdate="onRegistdateToDr" style="width: 44%;" bind="riqitwo" data-options="{‘format‘: ‘yyyy-MM-dd‘}" showTime="false" showClearButton="true" /> <br />
</div>

日期控件验证:

function onRegistdateFromDr(e) {
  var date = e.date;
  var to = mini.get("riqitwo").getValue();
  if (to) {
    if (date.getTime() > to.getTime()) /////-24*60*60*1000表示可以包含当天
    {
      e.allowSelect = false;
    }
  }
}

function onRegistdateToDr(e) {
  var date = e.date;
  var from = mini.get("riqione").getValue();
  if (from) {
    if (date.getTime() < from.getTime()) /////-24*60*60*1000表示可以包含当天
    {
      e.allowSelect = false;
    }
  }
}

下拉框 带关闭按钮

<div role="row">
  <div role="control" label="资产类别">
    <input id="search_goodstype" class="mini-combobox" bind="dataBean.goodstype" action="getGoodsTypeModel" showClose="true" onCloseclick="clearchoose"/>
  </div>
</div>

//清除下拉框搜索关键字
function clearchoose(e){
  var obj = e.sender;
  obj.setText("");
  obj.setValue("");
}

List<SelectItem> goodsTypeModel = null;

public List<SelectItem> getGoodsTypeModel() {
  if (goodsTypeModel == null) {
    goodsTypeModel = DataUtil.convertMap2ComboBox(
    (List<Map<String, String>>) CodeModalFactory.factory("下拉列表", "资产类别", null, false));
  }
  return goodsTypeModel;
}

原文地址:https://www.cnblogs.com/yaozz/p/10361827.html

时间: 2024-11-03 00:37:25

miniui搜索单选按钮组-时间选择框验证-下拉框实现的相关文章

通过jquery来实现文本框和下拉框动态添加效果,能根据自己的需求来自定义最多允许添加数量,实用的jquery动态添加文本框特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

vue.js实现单选框、复选框和下拉框

Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势.下边以单选框.复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式. 一.单选框 在传统的HTML中实现单选框的方法如下: <div id="app"> <input type="radio" name="gender" value="man" id="man"/><label

Jquery学习笔记:操作form表单元素之一(文本框和下拉框)

一.概述 在web页面开发中,经常需要获取和设置表单元素的值(如文本框中的内容),特别是在ajax应用中,更是常态.本文系统的介绍下如何操作. 同操作其它html元素一样,操作的过程差不多. 第一步,需要获取到表单元素对应的jquery(或dom)对象.这个主要是利用jquery的选择器机制. 第二步,调用表单元素的属性和方法来获取和设置值. 其中最常见的就是利用jquery对象的val方法.因为很多表单元素都有标准的 value属性,这个可以通过jquery的 val方法来读取和设置属性值.

带复选框的下拉框

效果图: . css: <style type="text/css"> /* 带复选框的下拉框 */ ul li{ list-style: none; padding:0px; margin: 0px; } .select_checkBox{ border:0px solid red; position: relative; display:inline-block; } .chartQuota{ height:23px; float:left; display:inlin

Easyui-combobox-checkbox-带复选框的下拉框

$.post("getSubInsuranceTypeList.do",{parent_id:node.id},function(result){                        if (result.length == 0){                            $("#sub-insurance").addClass("none");                        } else {       

JS-日期框、下拉框、全选复选框

<!-- 下拉框 --><link rel="stylesheet" href="static/ace/css/chosen.css" /> <!-- 日期框 --><link rel="stylesheet" href="static/ace/css/datepicker.css" /> <!-- 日期框 --> <script src="stati

文本框,下拉框,单选框只读状态属性

文本框只读属性:readonly="true" 下拉框只读属性: disabled="disabled" 单选框只读属性: $("#<%=txtIsReply.ClientID%>").click(function () { return false; })

easyui 绑定下拉框,下拉框选择改变事件的触发方法

//①定义下拉框 //离线公司[个人或公司] 下拉框 var tmpComOrPer = { type: 'combobox', options: { onSelect:function(data) { ComOrPerChange(false); }, editable:false, panelHeight: 'auto', valueField: 'Type', textField: 'label', data: [ { label: '@BaseRes.OSP_CTL_087', Type

Selenium—选择框的相关操作(单选框、多选框、复选框、下拉框)

编辑框 无缺省值:第二个输入框 可直接对输入框进行编辑: driver.find_element_by_id('input2').send_keys('selenium') 有缺省值:第一个输入框,默认 test 此时,如果我们直接对第一个输入框进行编辑,会发现与预期结果不符 driver.find_element_by_id('input1').send_keys('selenium') 因此,如果需要对存在默认值的输入框进行编辑,则需先进行清楚操作,然后再进行编辑 driver.find_e