首页 > 代码库 > datepickerx设置默认日期
datepickerx设置默认日期
datepicher插件是jQuery UI的一个插件，它提供一个日期弹出窗口（或直接显示在页面），供用户选择日期。在Web开发中，总会遇到需要用户输入日期的情况。一般都是提供一个text类型的input供用户输入日期，我们在实际开发中会遇到给日期控件设置默认日期的情况，下面我们就举例解释jquery easyui datepickerx控件是如何实现设置默认日期的：
<%@page pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><%@include file="/coframe/tools/skins/common.jsp" %><%@taglib uri="http://org.gocom.components.authTag/tag" prefix="auth" %><%@include file="/common.jsp" %><html><!-- - Author(s): caowenliang - Date: 2016-07-15 12:08:01 - Description:--><head><title>回款里程碑审核</title><style type="text/css">.New_Button, .Edit_Button, .Delete_Button, .Update_Button, .Cancel_Button{ font-size:11px;color:#1B3F91;font-family:Verdana; margin-right:5px;}.monthrow{ background:#fceee2;} </style><body> <div> <div id="form1" style="padding-top:0px;"> <fieldset style="width:97%;height:100%;border:solid 1px #aaa;margin-top:0px;position:relative;"> <legend>申请信息</legend> <div><label>完工日期：</label> <td><input id="rfinish_date" class="nui-datepickerx" enabled="false"/></td> <td><input id="attachmentId" class="nui-hidden"/></td> </div> <fieldset style="float:left;width:40%;height:150px;border:solid 1px #aaa;margin-top:0px;position:relative;"> <legend>附件信息</legend> <div class="nui-toolbar;" style="border-bottom:0;padding:0px;"> <table > <tr><!-- 文件上传 --> <td style="width:40%">下载附件：</td> <td style="white-space:nowrap;" ><div id=‘download‘></div></td> <td > <input id="fileid" name="dpGdAdj.fileid" class="nui-hidden" /> </td> </tr> </table> </div> </fieldset> <fieldset style="float:right;border:solid 1px #aaa;margin-top:0px;position:relative;width:54%;height:150px;"> <legend>交付物计划</legend> <div class="nui-fit"> <div id="datagrid1" class="nui-datagrid" style="width:100%;height:100%;" dataField="data" url="com.shtech.dp2.prjplan.ProjectManager.queryPod.biz.ext" multiSelect="true" allowCellEdit="true" allowCellSelect="true" editNextOnEnterKey="true" idField="podid" showPager="false" showFooter="false" allowSortColumn="false"> <div property="columns"> <div type="checkcolumn"></div> <div field="podid" visible="false"><!-- 交付物ID --></div> <div field="podname" width="100" headerAlign="center" allowSort="true" vtype="required">交付物名称 <input property="editor" class="nui-textbox" style="width:100%;" maxLength="25"/> </div> <div field="comcriteria" width="60" renderer="renderComcriteria" allowSort="true" align="center" headerAlign="center">完成标准 <input property="editor" class="nui-dictcombobox" dictTypeId="DP2_COMCRITERIA" /> </div> <div field="carrformat" width="70" renderer="renderCarrformat" allowSort="true" align="center" headerAlign="center">载体形式 <input property="editor" class="nui-dictcombobox" dictTypeId="DP2_CARRFORMAT" /> </div> <div field="demandtype" width="60" renderer="renderDemandtype" allowSort="true" align="center" headerAlign="center">要求来源 <input property="editor" class="nui-dictcombobox" dictTypeId="DP2_DEMANDTYPE" /> </div> <div field="baseline" width="70" renderer="renderBaseline" allowSort="true" align="center" headerAlign="center">基线名称 <input property="editor" class="nui-dictcombobox" dictTypeId="DP2_BASELINE" /> </div> <div type="comboboxcolumn" field="gcMscellid" width="100" headerAlign="center" vtype="required" >所属里程碑 <input property="editor" class="nui-combobox" style="width:100%;" data="http://www.mamicode.com/listData" /> </div> </div> </div> </div> </fieldset> <table> <label>差异说明：</label> <td><textarea id="note" class="nui-textarea" style="width:860px;" emptyText="请输入差异说明" ></textarea></td> </tr> </table> </fieldset> <fieldset style="width:97%;height:100%;border:solid 1px #aaa;margin-top:4px;position:relative;"> <label>确认日期：</label> <td><input id="cfmddate" class="nui-datepickerx" required="true"/></td></br> <table> <label>审批意见：</label> <td><textarea id="note" class="nui-textarea" style="width:860px;" emptyText="请输入审批意见" ></textarea></td> </tr> <tr> <td style="text-align:center;"> <a class="nui-button" iconCls="icon-save" onclick="onok">通过</a> <span style="display:inline-block;width:1;"></span> <a class="nui-button" iconCls="icon-save" onclick="no">驳回</a> <span style="display:inline-block;width:25px;"></span> <a class="nui-button" iconCls="icon-cancel" onclick="onCancel">取消</a> </td> </tr> </table> </fieldset> <div> </div> </div> </div> </div></body><script type="text/javascript"> nui.get("rfinish_date").setValue(new Date()); nui.get("cfmddate").setValue(new Date());</script> </html>看页面展示效果：
datepickerx设置默认日期
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。